【vue-cli3】反向代理解决跨域问题

转载原地址 :

https://blog.csdn.net/qq_22844483/article/details/78661030

在根目录创建vue.config.js文件

【vue-cli3】反向代理解决跨域问题_第1张图片

复制下面代码到文件里面

//自己在根目录创建一个 "vue.config.js"
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        //接口地址
        target: 'http://fuck.u/',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''  //通过pathRewrite重写地址,将前缀/api转为/
        }
      }
    }
  }
}

重启npm run serve 即可

总结

个人觉得尤大vue-cli3中把config的文件都简化了这个操作有点坑,不百度都找不到在哪里改

???

你可能感兴趣的:(前端)