VUE—axios自定义请求配置—3、transformRequest在向服务器发送前，修改请求数据（图文详情）

最新推荐文章于 2024-07-30 10:48:53 发布

Poppy_LYT

最新推荐文章于 2024-07-30 10:48:53 发布

阅读量3.3w

点赞数 4

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

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

版权

本文详细介绍了在VUE中如何使用axios的transformRequest选项，在向服务器发送请求之前，如何自定义修改请求数据，以实现更灵活的数据处理。

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

VUE—axios自定义请求配置—3、transformRequest在向服务器发送前，修改请求数据

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

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

    transformRequest: [function (data) {
      // `transformRequest` 允许在向服务器发送前，修改请求数据
      // 只能用在 'PUT', 'POST' 和 'PATCH' 这几个请求方法
      data.sex = 'man'
      return qs.stringify(data)
      // 结合create_headers里的内容，在这里又新增一条信息sex=man
      // 因此network中查看的结果是：name=xiaoming&age=12&sex=man
    }],

    headers: {'content-type': 'application/x-www-form-urlencoded'},
  })
  export default {
    name: "create_transformRequest",
    methods: {
      postUrl () {
        http.post('bb', {