解决vue2中使用axios http请求出现的问题


Posted in Javascript onMarch 05, 2018

使用axios处理post请求时,出现的问题解决

默认情况下: axios.post(url, params).then(res => res.data);

当url是远程接口链接时,会报404的错误:

Uncaught (in promise) Error: Request failed with status code 404

我们需要实例化一个新的axios,并且设置他的消息头为'content-type': ‘application/x-www-form-urlencoded'

于是得出解决方案:

var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, params).then(res => res.data);

然后发现不报错了,但是后台接受不到传入参数,查阅资料,发现需要引入一个qs模块

var qs=require('qs');
var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, qs.stringify(params)).then(res => res.data);

大功告成!

问题解决!

以上这篇解决vue2中使用axios http请求出现的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用jQuery扩展自写的 UI导航
Jan 13 Javascript
js操作textarea方法集合封装(兼容IE,firefox)
Feb 22 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
Sep 15 Javascript
微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解
Dec 08 Javascript
基于javascript实现数字英文验证码
Jan 25 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
浅谈AngularJS中使用$resource(已更新)
Sep 14 Javascript
vue中多个倒计时实现代码实例
Mar 27 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
Sep 19 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 Javascript
Vue-cli4 配置 element-ui 按需引入操作
Sep 11 Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 #Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 #Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 #Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 #Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 #Javascript
axios拦截设置和错误处理方法
Mar 05 #Javascript
完美解决axios在ie下的兼容性问题
Mar 05 #Javascript
You might like
PHP safe_mode开启对于PHP系统函数有什么影响
2020/11/10 PHP
刷新时清空文本框内容的js代码
2007/04/23 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
2013/06/09 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
2014/08/11 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
javascript模拟php函数in_array
2015/04/27 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
2016/06/20 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
2017/06/28 Javascript
详解Js里的for…in和for…of的用法
2019/03/28 Javascript
js/jQuery实现全选效果
2019/06/17 jQuery
layui 实现自动选择radio单选框(checked)的方法
2019/09/03 Javascript
JS实现星星海特效
2019/12/24 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
python处理csv中的空值方法
2018/06/22 Python
Django models.py应用实现过程详解
2019/07/29 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
解决python 读取 log日志的编码问题
2019/12/24 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
navabi英国:设计师大码女装
2019/06/25 全球购物
Ashford台湾:以折扣价提供奢华的男女用表款
2019/12/04 全球购物
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
检察官就职演讲稿
2014/01/13 职场文书
自荐书范文范例
2014/02/13 职场文书
数控专业毕业生自荐信范文
2014/03/04 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
六五普法宣传标语
2014/10/06 职场文书
银行反洗钱宣传活动总结
2015/05/08 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
Spring this调用当前类方法无法拦截的示例代码
2022/03/20 Java/Android
Golang 对es的操作实例
2022/04/20 Golang