美文网首页技术干货
Vuejs2.0之axios请求方式,跨域请求的处理

Vuejs2.0之axios请求方式,跨域请求的处理

作者: cinoliu | 来源:发表于2017-08-03 15:16 被阅读0次

Vuejs由1.0更新到了2.0版本。HTTP请求官方也从推荐使用Vue-Resoure变为了axios

关于跨域

跨域的概念这些就不说了,百度一大堆相关的资料信息。我就只在这里记录下我在使用当中遇到的问题,以纪念在逝去的几个小时中资料查找的艰辛。

这样写,在请求的时候就会遇到:

很坑爹有没有?明明是已经设置好了的啊,为毛是这样???

查找了很多资料才发现,axios在发送数据时需要字符串的方式进行发送,也就是说是放在form-data当中的。

解决方案:

可以全局配置一个 base,这样就不用挨个儿修改 url 了


接着在config>index.js的dev中添加配置项proxyTable:

其中 '/api' 为匹配项,target 为被请求的地址

因为在 ajax 的 url 中加了前缀 '/api',而原本的接口是没有这个前缀的

所以需要通过 pathRewrite 来重写地址,将前缀 '/api' 转为 '/'

如果本身的接口地址就有 '/api' 这种通用前缀,就可以把 pathRewrite 删掉

相关文章

网友评论

    本文标题:Vuejs2.0之axios请求方式,跨域请求的处理

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