axios请求接口的踩坑之路

Posted 心向阳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios请求接口的踩坑之路相关的知识,希望对你有一定的参考价值。

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请求接口的踩坑之路的主要内容,如果未能解决你的问题,请参考以下文章

RxDB:indexedDB的踩坑之路

记录一下安装 mysql 的踩坑之路

dispatch_group的踩坑

vue的踩坑路

详细剖析|袋鼠云数栈前端框架Antd 3.x 升级 4.x 的踩坑之路

我的踩坑之旅-跨域问题引发bug