解决vue axios跨域请求发送两次问题

摘要:
如果通讯异常,则不会发送真正的请求,如果测试通讯正常,则开始真正的请求。
问题:

vue axios跨域请求,在Request HeadersAuthorization传递Token时,发现统一请求触发了两次,第一次是Request Method: OPTIONS请求。

原因:

跨域请求时,浏览器会首先使用OPTIONS方法发起一个预请求,判断接口是否能够正常通讯。如果通讯异常,则不会发送真正的请求,如果测试通讯正常,则开始真正的请求。

解决方法:

后台:判断请求方式是OPTIONS,则不处理;

解决vue axios跨域请求发送两次问题第1张
预请求

解决vue axios跨域请求发送两次问题第2张
发送真正请求

PHP解决方法
classCommon extends Controller
{
    publicfunction _initialize()
    {
        parent::_initialize(); //TODO: Change the autogenerated stub
        //解决跨域问题
        header('Access-Control-Allow-Origin:*');
        //响应类型
        header('Access-Control-Allow-Methods:*');
        //响应头设置
        header('Access-Control-Allow-Headers:*');
        //解决 axios跨域请求发送两次问题
        if (Request::instance()->isOptions()) {
            exit();
        }
    }
}
后台对预请求不处理

如果是JAVA后台,请看这篇文章:https://www.cnblogs.com/itmrzhang/p/11003474.html

免责声明:文章转载自《解决vue axios跨域请求发送两次问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Windows识别USB设备过程vrep-python 控制方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Core Dump

什么是在接收到某些特定信号后终止的核心转储程序?在终止过程中,将生成一个核心文件。核心文件包含程序终止时的内存状态。此过程称为coredump。默认情况下,内核在coredump期间生成的核心文件与程序放在同一目录中,文件名固定为core。通过修改内核参数,我们可以指定内核生成的coredump文件的文件名。应该注意,内核中还有一个与coredump相关的设...

flutter json转字符串 字符串转json

=空&&jsonStr。长度˃0){//首先将json字符串转换为jsonMapjson=jsonDecode;//将json转换为modelfinalmodel=UserInfo.fromJson;returnmodel;}returnnull;}...

华为 HG526 破解实录(一)Cfg文件加解密工具

几天前,我去中国电信安装E169软件包,并发送了一个华为HG526无线路由猫和一个中兴xxx网络机顶盒(尚未开始制造麻烦)。当然,无线路由猫一如既往地被阉割了。搜索之后,我开始了我的快攻之旅。1.打开catdrop管理页面,使用telecomadmin和nE7jA%5m登录;2.将U盘插入猫。3.开放式管理=˃设备管理、备份配置。4.打开U盘,放下ctce8...

mini.DataGrid使用说明

√√√ ajaxOptionsObjectajax配置对象。√√√ idFieldString是行数据的唯一字段。设置为“client”之后,客户端将排序√√√√ totalCountNumber记录总数√√√ defaultColumnWidthNumber默认列宽100√√√√ showColumnsBoolean显示标头true√√√√ showPag...

PartⅠ邮件伪造

什么是伪造发件人邮件地址简单邮件传输协议 (Simple Mail Transfer Protocol, SMTP) 即简单邮件传输协议,是在Internet传输email的事实标准。正如名字所暗示的那样,它其实是一个非常简单的传输协议,无需身份认证,而且发件人的邮箱地址是可以由发信方任意声明的,利用这个特性可以伪造任意发件人。如何识别虚假(欺骗性)电子邮件...

CentOS 7 优化TCP链接

在优化服务器配置时,Summary发现服务器端的WAIT连接上有大量的TIME,需要进行优化。Tomcat案例查询与Tomcat对应的端口的tcp链接,发现存在大量TIME_WAIT链接,以及一些其他状态连接,总计400+。...