我在React应用程序中对CORS有一些麻烦。似乎代理的配置被忽略了,我不确定为什么。
我用create-react-app
创建了一个React应用程序。然后,我安装了npm install http-proxy-middleware --save
。最后,我将文件src/setupProxy.js
添加到项目中,并带有下一个上下文:
const proxy = require("http-proxy-middleware");
module.exports = function(app:){
app.use(
"/geoapi",
proxy({
target: "http://real_url_here.com:8080",
changeOrigin: true
})
);
}
但是,每次我尝试fetch("/geoapi/controller/action/id")
时,都会在chrome的控制台上收到错误消息。如果我看一下请求,便完成了http:\\localhost:8080\geoapi\controller\action\id
我不知道为什么setupProxy文件会被忽略。
有什么想法吗?