VUE—axios自定义请求配置—2、headers请求头+transformRequest+qs使用方法（图文详情）

最新推荐文章于 2024-07-12 16:28:21 发布

Poppy_LYT

最新推荐文章于 2024-07-12 16:28:21 发布

阅读量4.6k

点赞数

分类专栏： VUE 文章标签： VUE

本文链接：https://blog.csdn.net/Poppy_LYT/article/details/98171854

版权

VUE—axios自定义请求配置—2、headers请求头+transformRequest+qs使用方法

<script>
  import axios from 'axios'
  import qs from 'qs'

  // axios配置
  let http = axios.create({
    baseURL: 'https://www.easy-mock.com/mock/5d41580a1a802c0d5e53dcc2/example/',
    // 可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL

    transformRequest: [function (data) {
      // `transformRequest` 允许在向服务器发送前，修改请求数据
      // 只能用在 'PUT', 'POST' 和 'PATCH' 这几个请求方法

      // return data
      // 必须要return不然console.log是undefine，而且network中也找不到
      // 但是return data：network中返回值是【object object】，所以需要用qs格式化一下
      // 所以需要return qs.stringify(data)

      return qs.stringify(data)
      // 此时network显示出的内容是
      // username: xiaoming
      // pass: 12345
      // 但是这种形式后台依旧无法识别，所以需要用到headers来自定义格式
    }],

    headers: {'content-type': 'applicat