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';


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM