码迷,mamicode.com
首页 > 移动开发 > 详细

axios请求接口的踩坑之路

时间:2019-01-10 19:30:18      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:width   eth   head   ade   踩坑   技术   accept   .com   全局参数   

1、跨域问题除了前端安装插件还需要后端php设置,设置如下

技术分享图片

技术分享图片

Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, token
Access-Control-Allow-Methods: OPTIONS,POST
Access-Control-Allow-Origin: *

 如果设置以后还不行,那就是phptinkp5带来的bug,查下文档即解决!!!!

2、使用axios(跨域)请求接口的时候,发现会同时请求2次接口,一次是post/get请求一次是options.   这个是由于浏览器会先进行一次预请求,看所求的接口是否可以请求,如果可以就会进行真正的请求(post/get)!!

3、使用axios(跨域)请求接口的时候会出现发送给后端的数据是object的格式!后端会接收不到参数

技术分享图片

解决方法如下,引用qs进行全局参数转换设置!!!!

技术分享图片

 

axios请求接口的踩坑之路

标签:width   eth   head   ade   踩坑   技术   accept   .com   全局参数   

原文地址:https://www.cnblogs.com/qdlhj/p/10251710.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!