问答

react项目中跨域问题。

作者:admin 2021-04-22 我要评论

没有使用npm run eject弹出配置文件 下载了http-proxy-middleware 然后在src文件夹下创建了setupProxy.js文件 const { createProxyMiddleware } = require("http...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

没有使用npm run eject弹出配置文件 下载了http-proxy-middleware 然后在src文件夹下创建了setupProxy.js文件

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

module.exports = function (app) {
  app.use(
    "/api",
    createProxyMiddleware({
      target: "http://localhost:8000",
      changeOrigin: true,
      pathRewrite: {
        "^/api": "",
      },
    })
  );
};

然后去请求接口的时候还是报跨域问题
image.png
请问该怎么解决?

2021.2.20已解决
当使用了代理的时候就不能直接请求localhost:8000/register了
应该使用代理设置的/api/register
image.png
测试下是请求成功的
image.png

###

挂代理的意思就是
如果你想要访问: http://localhost:8000/register 你只需要访问 /api/register 就可以了。

###

后端问题, 没配置允许跨域, 开启cors就好了

###

webpack 的 dev server 里引用了配置么?

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 求助!Mysql workbench connections出

    求助!Mysql workbench connections出

  • c++ 的dll 转golang可以调用

    c++ 的dll 转golang可以调用

  • c++的 new int{10}  和 new int(10) 有

    c++的 new int{10} 和 new int(10) 有

  • Grafana MySQL为数据源时, 折线图无法

    Grafana MySQL为数据源时, 折线图无法

腾讯云代理商
海外云服务器