时间戳

首页 > 解决方案 > 将烧瓶变量注入到将通过 npm run build 持续存在的反应应用程序中

reactjs - 将烧瓶变量注入到将通过 npm run build 持续存在的反应应用程序中

问题描述

这可能是相当独特的。我正在从事的项目将要求用户输入他们正在运行应用程序的设备的 ip。设备 (raspi) 将运行烧瓶服务器，用户需要将设备 IP 添加到该服务器。设置完成后，IP 不需要更改。

抓住它，服务器的接口是一个反应应用程序，在npm run build反应应用程序被 web 打包成一个简单的 index.html 之后，用户可以与之交互

这是问题所在，我需要用户向 Flask 应用程序提供一个变量，以便将其注入到 web 打包的 JS 脚本中。

这就是我所拥有的

@cross_origin()
def host():
    ip = "http://192.168.0.33:333"
    return render_template("index.html", serverip=ip)

这是构建后网络打包的内容

          var e = function (e) {
            return fetch("{{serverip}}/".concat(e));
          };

问题在于 Jinja 和 chunk.js 没有通信，我不确定如何最好地注入该 ip

标签： reactjsflaskwebpack

解决方案

推荐阅读