Axios在手机网页上进行跨域请求失败，HTTP状态码返回0

Question

项目说明：使用Vue框架，Ajax请求使用Axios，后端已经设置CORS

在跨域的情况下，在PC浏览器访问是没有问题的，可以正常获取数据

而在手机上的浏览器返回的HTTP状态码是0，不能获取数据，如图所示：

首先为了证明是跨域的问题导致，我在自己的服务器上进行了同源请求，在手机端是没有问题的，可以正常获取数据，这就可以证明了是跨域导致的情况

与此同时，为了证明是Axios相关，我分别用原生Ajax和JQuery进行跨域请求，在手机端也是没有问题的。

那么可以总结成：在跨域情况下，Axios在移动端请求有问题

所以我现在想到的处理办法有两个：
第一个是不进行跨域请求，但是这个受限于后端，因为网页是要存放在后端的服务器，而一般api的域名是二级域名，所以对于二级域名也是属于跨域请求，所以这个方法放弃
第二个是不用Axios请求，用原生的Ajax请求或者Jquery，但是这样的话就少了很多功能。

我想请问一下，用Axios进行跨域请求，在移动端为什么会出现这种情况！谢谢各位大佬解答。

补充说明：在微信内置的QQ浏览器和手机chrome可以正常请求，在UC和单独QQ浏览器则请求失败

Answer 1

后端允许跨域即可，其次，跨域是受限于浏览器的同源策略，换 jQuery 并不能解决问题。

Answer 2

换 fly.js 试试

Answer 3

原因可能是https的网页请求http的数据，或者是http的网页请求https的数据。但是这个再ios里面不会报错，安卓正常。

Answer 4

请问问题解决了吗

Answer 5

同求解决方案

Answer 6

请问解决没~~，在线等

Answer 7

我也遇到这个问题了请问是怎么解决的呢

Answer 8

我也遇到这个问题，我是在window 对微信客户端 出现。后端已经设置了跨域，前后端都是https。并且尝试将access-control-allow-headers: * 改成access-control-allow-headers: Content-Type, 也没用

Answer 9

不好意思，让大家久等了，没想到也有这么多人遇到了这个问题。
在上文中我也提到了是用 CORS 来解决跨域的问题
虽然目前我是解决了这个问题，但是目前还没找出原因，解决这个问题就让后端改了一行代码
access-control-allow-headers: * // error
上面这个headers不能设置为 *，要设置具体字段，如下
access-control-allow-headers: Content-Type // right