这个问题,在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': ''
}
},
}
}
,}
它所实现的原理就是:将域名发送到本地的服务器,再由本地的服务器去请求真正的服务器
自我认为理解的不是特别的透彻,大家有更好的理解,可以写在评论里,嘻嘻!