前端开发中 vue项目中常见的错误处理( 三 )


那么接下来我们演示设置允许跨域后的数据获取情况:

前端开发中 vue项目中常见的错误处理

文章插图
 
注意:配置好后一定要关闭原来的server,重新npm run dev启动项目 。不然无效 。
前端开发中 vue项目中常见的错误处理

文章插图
 

前端开发中 vue项目中常见的错误处理

文章插图
 
注意:配置好后一定要关闭原来的server,重新npm run dev启动项目 。不然无效 。
我们在1出设置了允许本地跨域,在2处,要注意我们访问接口时,写的是/api,此处的/api指代的就是我们要请求的接口域名 。如果我们不想每次接口都带上/api,可以更改axios的默认配置axios.defaults.baseURL = '/api';这样,我们请求接口就可以直接this.$axios.get('app.php?m=App&c=Index&a=index'),很简单有木有 。此时如果你在network中查看xhr请求,你会发现显示的是localhost:8080/api的请求地址 。这样没什么大惊小怪的,代理而已:
前端开发中 vue项目中常见的错误处理

文章插图
 
给大家分享我收集整理的各种学习资料,前端小白交流、学习交流,也可以直接问我,我会组织大家一起做项目练习,帮助大家匹配一位学习伙伴互相监督学习-下面是学习资料参考 。




推荐阅读