vue3.0+axios跨域问题解决

最新推荐文章于 2024-10-02 12:09:21 发布

gewuzhizhiya

最新推荐文章于 2024-10-02 12:09:21 发布

阅读量867

点赞数

分类专栏：数据交互文章标签： vue proxy

本文链接：https://blog.csdn.net/gewuzhizhiya/article/details/105079591

版权

本文介绍了在Vue3.0项目中如何解决axios跨域问题，主要方法是在main.js中进行配置，并强调配置后需重启服务才能生效。作者提及成功实现请求并表达了对提供解决方案的前辈的感谢，同时提供了更详细解释的外部链接。

摘要由CSDN通过智能技术生成

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中配置