VUE—axios自定义请求配置—5、transformResponse（图文详情）

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

<script>
  import axios from 'axios'

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

    transformResponse: [function (data) {
      // `transformResponse` 在传递给 then/catch 前，允许修改响应数据
      // 用的不多
      data = '2222'
      return data
    }]
  })

  export default {
    name: "create_transformResponse",
    methods: {
      postUrl () {  //post方法
        http.post('bb')
          .then((res) => {
            console.log('post请求成功', res.data)
          })
          .catch((err) => {
            console.log('post请求成功', err)
          })
      }
    },
    created () {
      this.postUrl()
    }
  }
</script>

此时console.log的数据就不再是easy-mock里的111了，而是