react axios(解决跨域)

1.第一种

在package.json里面添加一行代码即可(这个方法只能写一个域名)

proxy:“你请求服务器的域名”

2.第二种

在src文件下创建一个setupProxy.js文件,在里面填写以下代码即可(这个方法可以填写多个域名)这里注意

const { createProxyMiddleware } = require("http-proxy-middleware");
 
module.exports = function (app) {
  app.use(
    createProxyMiddleware(
      "/api", //遇见/api-elm前缀的请求,就会触发该代理配置
      {
        target: "服务器域名", //请求转发给谁(能返回数据的服务器地址)
        changeOrigin: true, //控制服务器收到的响应头中Host字段的值
        secure: false,
        // pathRewrite: {
        //   "^/api": "",
        // }, //重写请求路径,保证交给后台服务器是正常地请求地址(必须配置)
      }
    )
  );
};

猜你喜欢

转载自blog.csdn.net/m0_52775179/article/details/144141790
今日推荐