[跨域] React 与 Vue之webpack反向代理

在React,Vue的webpack项目中是有跨域问题的,我们需要自己在webpack中自己配置反向代理。

配置好之后我们就可以愉快的使用axios了

Vue在config文件夹中的index.js中配置proxy

proxyTable: {
      '/visit': {
        target: 'https://m.lagou.com/',
        changeOrigin: true,
        pathRewrite: {
          '^/visit': '/'
        }
      }
    },
在React中是在项目中package.json中配置
"proxy": { //配置项
        "/visit": {//我们可以在这里设置个口令
            "target": "https://xxx.com/",//target是目标路径
            "changeOrigin": true, //这个是是否替换这里一定要写true
            "pathRewrite": { //这个是个正则匹配
                "^/visit": "/"
            }
        }
    }

猜你喜欢

转载自blog.csdn.net/zxd10001/article/details/80784742