前端本地proxy跨域代理配置

等了好久的接口,总算拿到了,结果却发现用本地localhost:9712去请求接口的时候,出现了跨域错误,而这个时候我们就需要进行下跨域配置了。

首先,找到项目中名为webpack.config.js,在里面找到devServer的配置,如下图

 

devServer: {
    proxy: {
      '/API': {    // 定义代理的名称
        changeOrigin: true,  // 是否启动代理
        target: 'http://xijipan.dev.grdoc.org', // 代理的域名     
        pathRewrite: {'^/API','/'}  
// 如果你的真实的api路径中没有/API这一个路径,把这句加上,如果本来就有/API这一路径的话,这句一定要去掉,要不然会导致域名找不到的
      }
    }
  },

  

posted @ 2020-09-14 10:46  小饿爽  阅读(1856)  评论(0编辑  收藏  举报