Axios里POST请求需要注意的点

列一下遇到过的问题

出现 Provisional headers are shown

image.png

• 可能的问题

1. 数据格式不对, 使用 qs 模块对 data 进行格式化

qs模块在安装axios时一起安装的,直接 import 就可以

import qs from 'qs'

axios.post(url, qs.stringify(data)).then((response) => {
    return Promise.resolve(response.data);
 })

2. 头部格式没设置

axios默认的格式是Request Payload

• 全局设置

  axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';

• 或者在发送请求时配置

axios.post(url,qs.stringify(data),{
        headers: {
            'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'
          }
      }).then(res=>{
        _this.msg = res.data
      },err =>{
        console.log(err)
      })