博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用vue2+Axios遇到的一些坑
阅读量:7109 次
发布时间:2019-06-28

本文共 625 字,大约阅读时间需要 2 分钟。

1. 向服务器请求两次的情况

  • (1)axios的默认请求头是Content-Type: application/json,使用这个请求头会出现向服务器请求两次的情况;
    (2)浏览器会首先使用 OPTIONS 方法发起一个预请求,判断接口是否能够正常通讯,如果不能就不会发送真正的请求过来,
    如果测试通讯正常,则开始真正的请求;
    浏览器对后台说:我可以请求你吗? ( ̄ˇ ̄) 后台说:阔以。( ̄▽ ̄)~*结果是:发送原有的GET(POST)请求后台说:不阔以。(‵﹏′)结果是:报错
  • (3)解决方法:设置axios的默认请求头axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'
    (使用qs模块可以不设置,qs模块会自己设置。)
    (4)设置之后,后台不认这个数据格式,所以在传递的时候必须先把数据转换格式;
    // step1. npm install qs// step2. 在main.js中,引入qs模块import qs from 'qs';// 需要时调用qs.stringify()方法this.$axios.post('api/login', qs.stringify({     name: 'xxx',     password: '********' }).then(res => {    }).catch(err => {});

转载地址:http://zovhl.baihongyu.com/

你可能感兴趣的文章
SQL注入
查看>>
怎么查看在centos中创建的用户组
查看>>
为什么说http协议是无状态协议
查看>>
[导入]Wap系统中Session信息保存问题解决方法
查看>>
动态输出javascript
查看>>
android_error
查看>>
Zepto源码注释
查看>>
系统空闲时间 解决 GetLastInputInfo 负数问题
查看>>
云搜索服务在APP搜索场景的应用
查看>>
怎样设置域名带www和不带www都可以访问
查看>>
二元关系最小割
查看>>
Linux 下四条高大命令(计划360检测脚本)
查看>>
Android:Activity(六):Fragment详解
查看>>
tensorflow中张量、常量、变量、占位符
查看>>
在ajax请求后台时在请求标头RequestHeader加token
查看>>
SRM 408(1-250pt, 1-500pt)
查看>>
UGUI 之 控件以及按钮的监听事件系统 存档
查看>>
批量给文件或者文件夹重命名
查看>>
springMVC常用注解
查看>>
ORACLE SQL基础
查看>>