您的位置 首页 php

前端开发:vue中axios跨域的处理(webpack修改配置文件的方式)

第一步:修改 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=>{
 
})
 

第三步:最终的跨域服务器地址

 

第四步:最终跨域成功。

更多学习的干货,会持续更新,希望对你有帮助。

文章来源:智云一二三科技

文章标题:前端开发:vue中axios跨域的处理(webpack修改配置文件的方式)

文章地址:https://www.zhihuclub.com/152252.shtml

关于作者: 智云科技

热门文章

网站地图