axios application/x-www-form-urlencoded post 参数格式不对

最新推荐文章于 2024-04-07 16:32:41 发布

都挺好，刚刚好

最新推荐文章于 2024-04-07 16:32:41 发布

阅读量201

点赞数

分类专栏： http+axios 文章标签： javascript 前端 vue.js

原文链接：https://blog.csdn.net/strong90/article/details/100893840

版权

http+axios 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

该文章介绍了如何使用axios的请求拦截器配置Content-Type为application/x-www-form-urlencoded，并结合QS库处理POST请求的数据，确保参数正确传递。通过设置axios的默认headers和数据转换，实现了对POST请求的封装。

摘要由CSDN通过智能技术生成

import qs from 'qs' // 解决post请求参数不对的问题
 
// http request 拦截器
axios.interceptors.request.use(
  config => {
    config.data = JSON.stringify(config.data)
    config.headers = {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
    return config
  }, error => {
    return Promise.reject(error)
  }
)
 
 
/**
 * 封装post请求
 * @param url
 * @param data
 * @returns {Promise}
 */
export function post (url, data = {}) {
  return new Promise((resolve, reject) => {
    axios.post(url, qs.stringify(data))
      .then(response => {
        resolve(response.data)
      }, err => {
        reject(err)
      })
  })
}