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代理删除即可

上一篇下一篇

猜你喜欢

热点阅读