vue3.0+axios跨域问题解决

module.exports = {  
       outputDir: 'dist', // build输出目录 
       lintOnSave: false, // 是否开启eslint  
       devServer: {    
           open: true, // 是否自动弹出浏览器页面    
           host: 'localhost',   
           port: '8080',   
           https: false, // 是否使用https协议  
           hotOnly: false, // 是否开启热更新   
          proxy: {     
               '/api': {       
                   target: 'http://xxxx.cn:90', // 换上你的接口主路经    
                   ws: true, // 代理websockets        
                  changeOrigin: true, // 虚拟的站点需要更管origin      
                  pathRewrite: {          
                             // 重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'         
                              '^/api': ''       
                            }     
                   }   
              }
        }
  }

在main.js中配置

axios.defaults.timeout = 5000 // 请求超时
axios.defaults.baseURL = '/api/' // api 即上面 vue.config.js 中配置的地址

配置完成之后一定要重新启动服务 不然不会生效
请求成功

看了好多篇文章 忘记了是从哪个前辈的博客找到的 再次感谢前辈

更详细的解释https://blog.csdn.net/qq_35713752/article/details/103235305