vue axios 处理跨域问题
2019-01-18 本文已影响0人
六摄
2019年了,距离上篇文章差不多1年了,也就是说我荒废了一年没动笔写字了。。。唉,毕业了后就是懒惰。
听着谢安琪的喜帖街,在公司的电脑前,记下一些笔记,防止以后老人痴呆。
顺便吐槽下我后台小哥,感谢他的细心,真是一个讨人喜欢的小哥
进入正题
我们都知道现在基本是前后端分离进行项目开发,所以前端在开发阶段是要处理跨域问题的。今天记录的vue利用axios和后台进行数据对接的时候要处理的跨域问题。
1、首先,在项目中安装axios : npm install axios
2、在项目的main.js 中引入axios , 在vue的原型链中挂载,在原型链挂载的好处是不用在各个组件中去导入;
3、修改配置文件:config.index 其中的 target 改成 对接后台的地址;
4、请求数据:
5、总结:修改配置文件记得重启项目 ;
路径重写那里,记得是 ‘ ^ /api ’ 不要忘记了 /
注意:这仅仅是开发阶段要处理的跨域,项目上线后前后端代码是放在同一个服务器,不存在跨域处理,将api代理删除即可