我使用create- react -app来引导我的react应用程序,我在我的package.json中做了这件事
"proxy":"http://localhost:3001",因为我的api服务器在3001上运行,但是我使用axios发出请求,它仍然指向端口3000,有什么线索吗?重新启动我的应用程序几次,它仍然是一样的。
发布于 2018-10-14 04:52:52
在您的package.json中添加:
"proxy": "http://localhost:3001",请重新启动服务器(后端应用程序)和前端(创建React应用程序)
确保您的post请求使用axios,如下所示:
axios.post("/auth/register", userData)
.then(res => console.log(res.data));上面的这个例子来自我的环境,也很好用。请注意,代理只适用于开发模式。
确保您的代码在代理和axios post中的url中都有正确的斜杠。
发布于 2019-07-23 14:48:23
尝试删除请求的绝对路径,并使用相对路径。
示例
axios.post("/api/auth/register", userData)
.then(res => console.log(res.data));注意:请勿使用http://localhost:3000/api/auth/register作为请求URI,它(React服务器)将自动代理请求,并且API请求将从3001端口提供服务。
发布于 2020-02-21 23:37:05
问题在webpack配置文件中,使用您自己的初学者包只需在以下代码中设置webpack.dev.js即可
module.exports = merge(common, {
mode: 'development',
devServer: {
host: 'localhost',
port: 3000,
open: true,
historyApiFallback: true,
proxy: {
'/api': {
target: 'http://localhost:5000',
secure: false
}
}
},
devtool: 'inline-source-maps'
}); 并为您的服务器设置适当的localhost,然后重新启动dev-server。在"create-react-app“中,webpack的配置文件应该在/node_modules/react-scripts/config路径上,按照上面的代码进行更改,然后重新启动dev-server,这样就可以了。这条路径上有webpack.dev.js和webpack.prod.js。
https://stackoverflow.com/questions/47824521
复制相似问题