首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >create-react-app不能与代理一起使用

create-react-app不能与代理一起使用
EN

Stack Overflow用户
提问于 2017-12-15 09:23:56
回答 12查看 23.1K关注 0票数 16

我使用create- react -app来引导我的react应用程序,我在我的package.json中做了这件事

"proxy":"http://localhost:3001",因为我的api服务器在3001上运行,但是我使用axios发出请求,它仍然指向端口3000,有什么线索吗?重新启动我的应用程序几次,它仍然是一样的。

EN

回答 12

Stack Overflow用户

发布于 2018-10-14 04:52:52

在您的package.json中添加:

代码语言:javascript
运行
复制
"proxy": "http://localhost:3001",

请重新启动服务器(后端应用程序)和前端(创建React应用程序)

确保您的post请求使用axios,如下所示:

代码语言:javascript
运行
复制
axios.post("/auth/register", userData)
     .then(res => console.log(res.data));

上面的这个例子来自我的环境,也很好用。请注意,代理只适用于开发模式。

确保您的代码在代理和axios post中的url中都有正确的斜杠。

票数 9
EN

Stack Overflow用户

发布于 2019-07-23 14:48:23

尝试删除请求的绝对路径,并使用相对路径。

示例

代码语言:javascript
运行
复制
axios.post("/api/auth/register", userData)
 .then(res => console.log(res.data));

注意:请勿使用http://localhost:3000/api/auth/register作为请求URI,它(React服务器)将自动代理请求,并且API请求将从3001端口提供服务。

票数 2
EN

Stack Overflow用户

发布于 2020-02-21 23:37:05

问题在webpack配置文件中,使用您自己的初学者包只需在以下代码中设置webpack.dev.js即可

代码语言:javascript
运行
复制
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.jswebpack.prod.js

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47824521

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档