create-react-app2.0设置跨域代理

发布于 2022-09-11 15:23:06 字数 588 浏览 12 评论 0

create-react-app2.0在设置跨域代理的时候和原来的不一样了,这是stackoverflow上关于create-react-app2.0设置跨域代理的问题

我安装这个配置了代理,但是结合axios却怎么也不成功,感觉是axiosaxios.defaults.baseURL 有问题
因为在vue中设置代理之后axios.defaults.baseURL设置成代理名称就行,所以我在react中也这样配置,但是好像不行axios.defaults.baseURL = "/api"

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

就是爱搞怪 2022-09-18 15:23:06

提示你设置Access-Control-Allow-Credentials: true

傲世九天 2022-09-18 15:23:06

跨域的问题,注意力不要放在http request上。
请关注proxy:
开发时,直接通过webpack或者package.json中配置proxywebpack server就可以处理。
生产环境中,nginx也可以轻松处理跨域的问题。

微凉 2022-09-18 15:23:06

1.creat-react-app配置

"proxy": {
    "/api": {
      "target": "http://10.100.23.126", //后端地址
      "changeOrigin": true
    }
  }

2.

axios 配置 
baseURL: `${window.location.origin}/api`,

3.实际使用 this.$http('/user/getList')....

请求的是 http://10.100.23.126/api/user/getList

我的这样都可以啊....

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文