vue.js 的 Socksjs 无限循环

Socksjs infinite loop with vue.js

我正在使用 vue.js 和烧瓶服务器。 8080 vue.js dev env 将 axios 查询转发到端口 80,因为我的 python flask 服务器始终 运行 在端口 80 上,等待 Web 服务调用。

这是我的 vue.js vue.config.js 文件 :

module.exports = {
    outputDir: "dist",
    // relative to outputDir
    assetsDir: "static"   ,
    devServer: {
        proxy: 'http://localhost:80'
      }
};

一切正常,除了我得到 sock-js 无限循环,尤其是在端口 8080 上开发时:

请问我怎样才能停止这些查询。

我有什么方法可以只将 AXIOS 查询转发到端口 80,而不是其他东西吗?

https://github.com/webpack/webpack-dev-server/issues/1021

编辑:尝试过但没有成功

vue.config.js :

module.exports = {
  outputDir: "dist",

  // relative to outputDir
  assetsDir: "static",
  devServer: {
    proxy: {
      "^/api": {
        target: "http://localhost:80"
      }
    }
  }
};

错误:

Error: Request failed with status code 404

编辑:大家好,终于用这段代码解决了,只需将其写在 vue.js 应用程序根目录下的 vue.config.js 中,所以错误的 sockjs-node 查询将被忽略,仅转发 Web 服务:

module.exports = {
  outputDir: "dist",
  assetsDir: "static",
  devServer: {
    proxy: {
      "/api": {
        target: "http://localhost:80"
      }
    }
  }
};

然后,像这样从 vue.js 执行 axios 查询:

const path = '/api/read_linear_solution';
            axios.post(path, this.form)

然后,在你的 python 或节点服务器中,Web 服务必须如下所示

@app.route('/api/read_linear_solution', methods=['POST'])