使用axios时遇到的问题

最新推荐文章于 2024-01-17 10:00:40 发布
最新推荐文章于 2024-01-17 10:00:40 发布
阅读量398 收藏
点赞数
分类专栏： vue 文章标签： javascript ajax vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shisannnn/article/details/120494219
版权
博客详细讨论了在使用axios时遇到的两个主要问题：1.axios.post无法携带数据，原因是JSON格式问题，通过引入qs库和数据处理解决；2.qs转换的对象中包含数组导致格式错误，通过设置qs的arrayFormat为'comma'，并在后端进行字符串处理，将数据转换为数组。
摘要由CSDN通过智能技术生成

1.axios.post无法携带数据

1.原因

在这里插入图片描述
观察控制台，发现可能是json数据的格式有问题

2.解决方法

使用qs对传输的数据进行处理

  1. 安装qs
    npm i qs
  2. 导入qs
    import qs from 'qs'
  3. 对数据进行处理
        booksInit(content) {
   
            axios.post("http://localhost:8080/e_novel/getNovelInfo.do", qs.
最低0.47元/天 解锁文章
十三鸽
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
「源码」axios 三大问题解读
梅花寺
05-11 659
前言 究竟对 axios 了解多少？这是我这阵一直想要问的问题！之前一直认为这只是一个工具，只要会用就没问题，但是当被一个问题问住的时候，我觉得应该多了解它了，毕竟这是一个公认的，开源的，牛 X 的第三方工具。 Axios 为什么能区分是浏览器请求还是服务器请求 function getDefaultAdapter() { var adapter; if (typeof XMLHttpRequest !== "undefined") { // For browsers use XHR ada
解决Nuxt使用axios跨域问题
01-19
而在使用时，就会遇到前后端分离情况下的域名或端口不一致导致的跨域问题。本文将介绍如何通过设置代理解决 Nuxt 与 axios 集成的跨域问题。 解决跨域 Nuxt 使用 axios 为避免出现前端页面跨域问题，需要安装 @nuxt...
聊聊使用axios遇见的问题
qq_43505774的博客
04-20 320
axios是promise对象与nodejs的结合，在学习之前应该去了解es6的新知识与nodejs基础，再来使用axios，这样会更好，一般我们使用axios用作于发送请求。 发送请求分两种一般是跨域与同域，在使用的时候需要了解HTTP的同源策略，同协议，比如说http是基于TCP IP之上的客户端与服务器段的协议，还有HTTPS，在发送请求的时候通过了SSL证书的加密，使用了公钥私钥一系列的验...
使用axios请求遇到的问题
weixin_43758377的博客
11-27 269
使用axios请求遇到的问题 常遇到的请求参数有Query String Parameters、Form Data、Request Payload Query String Parameters（get请求或者post请求通过params传参），Form Data（post请求默认情况下通过data传参），Request Payload（post请求设置content-type为applicat...
axios使用时存在的一些小问题
薛定谔的猫
01-10 242
就是使用原型链自定义了一个属性，然后把axios这个对象挂载到上面， 这样就不用在组件中再次导入。就是你调用获取图书列表，你又要发起请求，你有几个接口需要调用这个列表，你就要使用多少次这个方法。使用axios.defaults.baseURL方法可以全局配置axios的请求路径。就是每次使用axios都要导入路径，然后引入其根路径这样太麻烦了，想办法优化它。缺点：它无法实现api接口的复用。
Axios 使用时遇到的问题
weixin_33739646的博客
01-16 250
最近使用 vue 构建一个小项目，在使用 axios 发送 post 请求的时候，发现 axios 发送数据默认使用 json 格式，百度搜了下，更改 ContentType 不管用，最终问题原来是： post 的传参需要序列化，不然服务端不会正确接收数据，终于找到两种方法解决： 方法一：使用 JSON.stringify( ) URLS...
vue使用axios时关于this的指向问题详解
08-28
然而，在使用axios时，开发者可能会遇到一个常见的问题，那就是在回调函数中`this`的指向不是预期的Vue实例，而是`undefined`或不符合预期的对象。这个问题主要是由于JavaScript的函数作用域和`this`绑定规则导致的...
解决vue2中使用axios http请求出现的问题
08-27
在 Vue 2 中使用 Axios 进行 HTTP 请求时，可能会遇到一些问题，如请求失败、状态码 404 等错误。本文将为读者分享解决这些问题的方法，并解释相关的知识点。 知识点 1: Axios 的默认设置 Axios 是一个流行的 ...
vue使用axios跨域请求数据问题详解
08-29
但是，在使用 Axios 时，我们经常会遇到跨域请求的问题。跨域请求是指从一个域名下的网页请求另一个域名下的资源，这在浏览器的同源策略下是被禁止的。因此，我们需要使用一些技术来规避这种限制。 Axios 默认不...
关于在vue中使用axios所遇到的问题及解决方法
weixin_33980459的博客
07-24 3665
在最近的一个项目里使用axios的post请求后端数据时候出错，打开控制台看到， Content-Type: 'application/x-www-form-urlencoded;charset=utf-8'这种提示信息。 后端同学告诉我，这个接口是很早以前就开发出来并且使用很久了的，传参不能是json格式，必须是&a=b&c=d拼接在接口后面携带的形式，可能改成get请求就可...
VUE中axios的进阶用法与常见问题解决
ElysiumAILab
05-16 340
axios简介基本使用安装1 axios的基本语法2 发起 GET 请求：3 发起 POST 请求：简化版的函数基于axios.get()和axios.post()发起请求axios.get()基本语法示例axios.post()基本语法示例 简介 axios 是一个专注于网络请求的库。axios只负责发请求，拿数据，不负责操作DOM，与jQuery不同。 中文官网：http://www.axios-js.com 英文官网：https://www.npmjs.com/package/axios 基本使用 安
Vue笔记：使用 axios 中 this 指向问题
朝雨忆轻尘
08-25 910
问题背景 在vue中使用axios做网络请求的时候，会遇到this不指向vue，而为undefined。 如下图所示，我们有一个 login 方法，希望在登录成功之后路由到主页，但通过 this.$router 获取路由器出错。 解决方案 使用箭头函数替代普通函数，ES6中的箭头函数 “=>” 内部的 this 属于词法作用域，由上下文确定（也就是由外层调用者vue来确定）。 ...
使用axios进行前后端通信，并解决vue2 axios跨域问题
dayu199804的博客
07-28 579
使用axios进行前后端通信，并解决vue2 axios跨域问题
使用axios进行前后端交互
weixin_44749255的博客
05-07 381
【代码】使用axios进行前后端交互。
Axios 面试题及答案
qq_42431718的博客
01-01 2129
响应拦截器（Response Interceptors）：在收到响应数据之后可以对响应进行拦截和处理，例如统一处理错误、转换响应数据等。请求拦截器（Request Interceptors）：在请求发送之前可以对请求进行拦截和修改，例如添加请求头、修改请求参数等。请求拦截器和响应拦截器是 Axios 提供的两个重要功能，用于在请求发送和响应返回时进行拦截和处理。方法用于在多个请求的结果中进行拆分，将每个请求的结果作为参数传递给后续的处理函数。Axios 的请求拦截器和响应拦截器有什么作用？
axios php 无法,关于axios不能使用Vue.use()浅析
weixin_39574140的博客
03-11 76
前言最近在学习axios，在使用过程遇到了一些问题，觉着有必要给大家分享下，关于axios的基本知识大家可以参考这篇文章：axios基本入门用法教程 ，下面话不多说了，来一起看看详细的介绍吧。问题相信很多人在用Vue使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter) 、 Vue.use(MintUI) 。但是用 axios时，就不需要用 Vue.use(ax...
axios部分工作原理及常见重要问题的探析：
weixin_54515240的博客
04-25 1147
axios
vue发送数组到后台
qq_46111647的博客
04-17 7427
arrayFormat四个属性[indices、brackets、repeat、comma],默认为indices 1.arrayFormat = 'indices' //ids[0]=1&ids[1]=2&ids[2]=3&ids[3]=4 2.arrayFormat = 'brackets' //ids[]=1&ids[]=2&ids[]=3&ids[]=4 3.arrayFormat = 'repeat' //ids=1&ids=2&id
axios query传数组参数的格式
最新发布
一片天空
01-17 1461
axios query传数组参数的格式
vue使用axios发送get请求遇到的问题
09-24
综上所述，使用axios发送GET请求时可能会遇到一些问题，如忽略传递参数、处理服务器返回的数据以及处理网络连接错误等。为了避免这些问题，我们需要在代码中仔细处理这些情况，并做好错误处理和异常处理机制。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值