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

本文主要为大家分享一篇解决vue2中使用axios http请求出现的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。

使用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);

登录后复制

大功告成!

问题解决!

相关推荐:

node.js通过axios如何实现网络请求

VueJs搭建Axios接口请求工具实例详解

关于vue2.0设置proxyTable使用axios进行跨域请求

以上就是vue2中使用axios http请求出现的问题与解决办法的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2785040.html

(0)
上一篇 2025年3月8日 17:19:03
下一篇 2025年3月3日 13:16:54

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue axios 在页面切换时中断请求方法

    下面小编就为大家分享一篇vue axios 在页面切换时中断请求方法 ajax,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 如下所示: Vue.prototype.$ajax=axios; const CancelTok…

    编程技术 2025年3月8日
    200
  • Mock.JS拦截HTTP请求实例解析

    mockjs是一种比较通用的前端模拟http请求及回复的工具,能够仿真处各类http的请求及返回结果。实现在无后端的情况下,前端对于后端接口的仿真。mock的基础使用也是比较简单,本文我们主要和大家分享mock.js拦截http请求实例解析…

    编程技术 2025年3月8日
    200
  • Vue2 tab切换选项卡的方法

    这次给大家带来vue2 tab切换选项卡的方法,使用vue2 tab切换选项卡的注意事项有哪些,下面就是实战案例,一起来看一下。 最近在学习Vue,看是案例后随便做一个实践,一遍加深理解;这种简单又能实现效果的比较能够接受; html:结构…

    编程技术 2025年3月8日
    200
  • nodejs如何使用http模块编写上传图片接口测试客户端

    这次给大家带来nodejs如何使用http模块编写上传图片接口测试客户端,nodejs使用http模块编写上传图片接口测试客户端的注意事项有哪些,下面就是实战案例,一起来看一下。 搭个简易上传测试服务器 比如:python flask写简单…

    编程技术 2025年3月8日
    200
  • 用Fetch进行http请求

    这次给大家带来用fetch进行http请求,用fetch进行http请求的注意事项有哪些,下面就是实战案例,一起来看一下。 传统Ajax是利用XMLHttpRequest(XHR)发送请求获取数据,不注重分离的原则。而Fetch API是基…

    编程技术 2025年3月8日
    200
  • HTTP的基础知识

    这次给大家带来http的基础知识,使用http的注意事项有哪些,下面就是实战案例,一起来看一下。 stalled:等待时间,就是浏览器发出请求到请求可以发出的时间;Request sent:请求的第一个字节发出以前到最后一个字节发出后的时间…

    2025年3月8日
    200
  • 使用http协议的流程

    这次给大家带来使用http协议的流程,使用http协议的流程的注意事项有哪些,下面就是实战案例,一起来看一下。 通常由http客户端发起请求,创建端口(即手机电脑等使用浏览器打开一个页面)这时,http服务器就在端口监听客户端请求。监听到之…

    2025年3月8日
    200
  • vue2全家桶是什么,如何使用?

    这次给大家带来vue2全家桶是什么,如何使用?,vue2全家桶是什么?使用的注意事项有哪些,下面就是实战案例,一起来看一下。  都说Vue2简单,上手容易,但小马过河,自己试了才晓得,除了ES6语法和webpack的配置让你感到陌生,重要的…

    2025年3月8日
    200
  • 在angular中$http服务需要如何使用

    这次给大家带来在angular中$http服务需要如何使用,使用angular中$http服务的注意事项有哪些,下面就是实战案例,一起来看一下。 $http服务 $http(requestConfig)只是一个封装的XMLHttpReque…

    编程技术 2025年3月8日
    200
  • HTTP与HTTPs有什么区别

    这次给大家带来http与https有什么区别,http与https区别的注意事项有哪些,下面就是实战案例,一起来看一下。 简而言之:   HTTPS = HTTP + SSL  HTTP 的 URL 以 http:// 开头,而 HTTPS…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论