使用vue2+Axios遇到的一些坑

lykops 发布于2019-08-23 14:35 / 1816人阅读

摘要：结果是发送原有的请求后台说不阔以。结果是报错解决方法设置的默认请求头使用模块可以不设置，模块会自己设置。设置之后，后台不认这个数据格式，所以在传递的时候必须先把数据转换格式在中，引入模块需要时调用方法

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 => {

});

GPU云服务器云服务器配置阿里云window服务器的一些坑使用遇到问题 fetch和axios的区别布局遇到的问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100835.html

2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

lily_wang 2019-06-27 16:28 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

chengjianhua 2019-08-29 12:35 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

Anonymous1 2019-08-20 16:31 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

dreamtecher 2019-08-01 16:51 评论0 收藏0
Vue2学习小记-给Vue2路由导航钩子和axios拦截器做个封装

摘要：写在前面最近在学习，遇到有些页面请求数据需要用户登录权限服务器响应不符预期的问题，但是总不能每个页面都做单独处理吧，于是想到提供了拦截器这个好东西，再于是就出现了本文。 1.写在前面最近在学习Vue2，遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题，但是总不能每个页面都做单独处理吧，于是想到axios提供了拦截器这个好东西，再于是就出现了本文。 2.具体需求用户鉴...

Tikitoo 2019-08-22 14:01 评论0 收藏0