解决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 相关文章推荐
prototype 1.5 & scriptaculous 1.6.1 学习笔记
Sep 07 Javascript
编写针对IE的JS代码两种编写方法
Jan 30 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
js窗口关闭提示信息(兼容IE和firefox)
Oct 23 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
Jan 28 Javascript
利用JS提交表单的几种方法和验证(必看篇)
Sep 17 Javascript
Vue实现动态响应数据变化
Apr 28 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
TypeScript开发Node.js程序的方法
Apr 30 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 Javascript
Vue触发隐藏input file的方法实例详解
Aug 14 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 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的对象注入(Object Injection)
2017/03/01 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
javascript forEach通用循环遍历方法
2010/10/11 Javascript
怎么判断js脚本加载完成
2014/02/28 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
2015/03/01 Javascript
轻松实现js图片预览功能
2016/01/18 Javascript
js导出excel文件的简洁方法(推荐)
2016/11/02 Javascript
ES6生成器用法实例分析
2017/04/10 Javascript
vue的基本用法与常见指令
2017/08/15 Javascript
快速将Vue项目升级到webpack3的方法步骤
2017/09/14 Javascript
JavaScript常用内置对象用法分析
2019/07/09 Javascript
浅谈vue权限管理实现及流程
2020/04/23 Javascript
微信小程序onShareTimeline()实现分享朋友圈
2021/01/07 Javascript
[04:16]完美世界DOTA2联赛PWL S2 集锦第一期
2020/11/23 DOTA
python 实现插入排序算法
2012/06/05 Python
解决csv.writer写入文件有多余的空行问题
2018/07/06 Python
Python之循环结构
2019/01/15 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
python编程进阶之类和对象用法实例分析
2020/02/21 Python
Python 解析简单的XML数据
2020/07/24 Python
基于html5 canvas做批改作业的小插件
2020/05/20 HTML / CSS
英国领先的亚洲旅游专家:Wendy Wu Tours
2018/01/21 全球购物
领先的英国注册在线药房 :Simply Meds Online
2019/03/28 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
我们没有写servlet的构造方法,那么容器是怎么创建servlet的实例呢
2013/04/24 面试题
电子商务专业个人的自我评价
2013/11/19 职场文书
迎新晚会邀请函
2014/02/01 职场文书
音乐专业自荐信
2014/02/07 职场文书
《自选商场》教学反思
2014/02/14 职场文书
乳制品整治工作方案
2014/05/29 职场文书
法制宣传口号
2014/06/16 职场文书
公司年夜饭通知
2015/04/25 职场文书
python实现进度条的多种实现
2021/04/29 Python
Python中else的三种使用场景
2021/06/16 Python
Python中rapidjson参数校验实现
2021/07/25 Python