vue3解决CORS 错误

第一步

  //创建vue.config.js文件
  module.exports = {
  lintOnSave: false,//是否在保存时检查
  devServer: {
    host: 'localhost',//本机ip
    port: 8081,//本机端口
    open: true,
    proxy: {
      '/api': {  //代理别名
        target: 'http://localhost:8001',   //代理目标值
        changeOrigin: true,
        secure: true,
        pathRewrite:{  //替换路径中的/api
          '^/api':''
        }
        /*pathRequiresRewrite: {
          '^/api': ''
        }*/
      }
    },
    overlay: {
      warning: false,
      errors: true
    }
  }
}

第二步

//修改axios的默认根路径
axios.defaults.baseURL = '/api';
posted @ 2021-10-08 13:10  灬枫灬枫  阅读(4569)  评论(0)    收藏  举报