当我制作 setupProxy.js 时，本地主机拒绝连接

Question

我制作了 setupProxy.js 来处理 CORS 问题：

const proxy = require('http-proxy-middleware');

module.exports = function (app) {
    app.use(
        proxy('/myUrl', {
            target: 'http://localhost:8090',
            changeOrigin: true
        })
    )
};

完成并再次运行“npm start”后，我的浏览器显示本地主机拒绝连接。如果我删除 setupProxy.js，我可以连接到本地主机，但 CORS 策略会阻止与后端服务器连接。

你有什么想法连接到前端，仍然使用 setupProxy.js 吗？

Answer 1

你可以尝试这个：createProxyMiddleware

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    createProxyMiddleware('/myUrl', {
      target: 'http://localhost:8090',
      changeOrigin: true,
    })
  );
};

https://stackoverflow.com/a/60354374/11652543

Answer 2

看到你已经将 setupProxy.js 的名称拼写得很好，这为我解决了问题。如果那不起作用。将 fb 的代码复制并粘贴到 setupProxy.js 可以在此处找到代码

Answer 3

我也有同样的问题。

对我来说，问题是我在

"type": "module"

中添加了

package.json

，这似乎不受支持。

Answer 4

我也有同样的问题，我现在只能删除 setupProxy.js 并在 package.json 中配置代理，但是 package.json 中的“proxy”只能是字符串，无法提供 JSON 格式