第一步:修改 config 文件夹下面的index.js文件,在dev的大括号里面添加如下代码。
proxyTable: {
//自己随便起的名字 到时候在axios里面引入这个名字 这个名字就代表下面的那个路径/mock/vueserver/
'/hh': {
target: "", //跨域服务器的域名
changeOrigin: true,
pathRewrite: {
'^/hh': '/mock/vueserver/' //跨域服务器 地址 的路径部分 可以不写最后一个路径部分 到时候axios动态拼接最后路径
}
},
},
第二步:在项目中axios请求代码如下
this.$axios({ //hh就表示 index.js声明代表的那个路径 再动态拼接最后一个 php路径就可以了 url:"/hh/myserver.php" }).then(res=>{ console.log(res.data); }) .catch(err=>{ })
第三步:最终的跨域服务器地址
第四步:最终跨域成功。
更多学习的干货,会持续更新,希望对你有帮助。