Vue中使用qs插件的一种情况

本文介绍了在Vue的后台管理系统中,如何利用qs插件解决axios请求时参数问题。qs主要用于查询字符串的解析和序列化,常用方法包括qs.parse()和qs.stringify()。在Vue中,可以通过npm安装qs插件,并在axios请求配置中使用transformRequest属性配合qs进行对象和数组的解析。
摘要由CSDN通过智能技术生成

1、Vue中使用qs插件的一种情况

Vue+element后台管理系统,在登录时使用axios请求数据传参时无法正常的获取数据。

2、qs插件作用

qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库

3、qs插件两个常用的方法

qs.parse():将URL解析成对象的形式
qs.stringify():将对象 序列化成URL的形式,以&进行拼接

4、安装qs插件

在项目中使用命令行工具输入:npm install qs

5、VUE—axios自定义请求配置

代码片

import Axios from 'axios'
import qs from 'qs'
import router from '../router'

const axios = Axios.create({
   
  baseURL: '/',
   // `transformRequest` 允许在向服务器发送前,修改请求数据
  // 只能用在 'PUT', 'POST' 和 'PATCH' 这几个请求方法
  transformRequest: [
    data => {
   
      data = qs.
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值