vue如何解决跨域的问题

这个问题，在vue配置文件里面都给我们写好了，我们现在大多都是用的vue3.x，在vue2.x里面我们可以看到这个配置。

在vue开发中实现跨域：在vue项目根目录下找到vue.config.js文件（如果没有该文件则自己创建），写入下面的代码

 module.exports={   
  publicPath:"/",    
  devServer: {       
   proxy: { 
    //配置跨域           
     '/api': {            
     target: 'http://121.121.67.254:8185/',  //这里后台的地址模拟的;应该填写你们真实的后台接口            
     changOrigin: true,  //允许跨域            
     pathRewrite: {          
     /* 重写路径，当我们在浏览器中看到请求的地址   为：          http://localhost:8080/api/core/getData/userInfo 时           
     实际上访问的地址是：
     http://121.121.67.254:8185/core/getData/userInfo,因为重写了 /api           */          '^/api': ''    
          }    
       },  
   }  
  }
,}

它所实现的原理就是：将域名发送到本地的服务器，再由本地的服务器去请求真正的服务器

自我认为理解的不是特别的透彻，大家有更好的理解，可以写在评论里，嘻嘻！