在项目中遇到需要使用put请求的接口, 使用的方式是x-www-form-urlencoded

步骤梳理—在项目的request.js文件是默认配置了json方式的

import axios from "axios"axios.interceptors.request.use(function (config) {console.log(config)// 请求头配置带tokenconst token = sessionStorage.getItem('token_kpi')if(token) {config.headers.Authorization = token}return config
}, function(error) {return Promise.reject(error)
})

控制台打印结果如下

可以看到在headers里的Content-Type为null

解决问题思路: 当发起put请求时, headers里的Content-Type的值需要改为application/x-www-form-urlencoded

request.js添加代码

axios.interceptors.request.use(function (config) {const token = sessionStorage.getItem('token_kpi')if(token) {config.headers.Authorization = token}if(config.method === 'put') { // 判断如果是put请求, 配置content-typeconfig.headers['Content-Type'] = 'application/x-www-form-urlencoded'}else {config.headers['Content-Type'] = 'application/json'}console.log(config)return config
}, function(error) {return Promise.reject(error)
})

这里用conifg.method判断当时put请求时,
给config.headers里面的Content-Type赋值 ‘application/x-www-form-urlencoded’

这时候config打印到控制台可以发现

headers里面的Content-Type的值变为application/x-www-form-urlencoded
并且其它接口请求类型不受影响

本文以学习记录为主