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);
 })
  1. 头部格式没设置

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)
      })
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容