美文网首页
vue axios 处理跨域问题

vue axios 处理跨域问题

作者: 六摄 | 来源:发表于2019-01-18 11:17 被阅读0次

    2019年了,距离上篇文章差不多1年了,也就是说我荒废了一年没动笔写字了。。。唉,毕业了后就是懒惰。

    听着谢安琪的喜帖街,在公司的电脑前,记下一些笔记,防止以后老人痴呆。

    顺便吐槽下我后台小哥,感谢他的细心,真是一个讨人喜欢的小哥

    进入正题

    我们都知道现在基本是前后端分离进行项目开发,所以前端在开发阶段是要处理跨域问题的。今天记录的vue利用axios和后台进行数据对接的时候要处理的跨域问题。

    1、首先,在项目中安装axios : npm install axios

    2、在项目的main.js 中引入axios , 在vue的原型链中挂载,在原型链挂载的好处是不用在各个组件中去导入;

    3、修改配置文件:config.index   其中的 target 改成 对接后台的地址;

    4、请求数据:

    5、总结:修改配置文件记得重启项目 ;

                    路径重写那里,记得是 ‘ ^ /api ’  不要忘记了 /

                    注意:这仅仅是开发阶段要处理的跨域,项目上线后前后端代码是放在同一个服务器,不存在跨域处理,将api代理删除即可

    相关文章

      网友评论

          本文标题:vue axios 处理跨域问题

          本文链接:https://www.haomeiwen.com/subject/emggdqtx.html