axios设置text html,axios封装动态设置Content-Type

问题如下：

有个问题 是这样的 后台给的API接口 请求类型有两种

‘Content-Type’: ‘application/json’

‘Content-Type’: ‘application/x-www-form-urlencoded’

前端在请求接口时，怎么动态设置axios封装的头部请求类型Content-Type。

下面是封装的请求方法

axios封装代码如下：

// 创建axios实例

const instance = axios.create({

baseURL: baseUrl,

timeout: 10000, // 超时

});

// 请求拦截器

instance.interceptors.request.use(

config => {

const token = `Bearer ${utils.local.get('userToken')}`

if (token) config.headers.Authorization = token;

if (config.method === 'post' && config.data !== undefined) {

config.data = qs.stringify(config.data.params);

}

return config;

},

error => {

return Promise.reject(error);

});

//响应拦截

instance.interceptors.response.use(res => {

const { status } = res.data.meta

if (status === 200 || status === 500) {

return Promise.resolve(res);

} else if (status === 401) {

router.push({ path: '/login' }) //登录成功跳转到首页

return Promise.resolve(res);

} else {

return Promise.reject(res);

}

}, error => {

return Promise.reject(error)

})

export default instance;

回答

你建两个实例不就好了，一个axios_json,一个axios_form，或者做一个工具获取获取实例，传一个type参数也行