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参数也行

axios设置text html,axios封装动态设置Content-Type相关推荐

html设置根rem,经过js动态设置根元素的rem方案
rem目前是响应式开发移动端一个很重要也是经常使用的一个元素,可是在网上看的各类文章都会超级懵逼.因此我在下面给出两个方案,也列举出使用方法,让你们一目了然.前提是设计稿以750为准.其中测试的设计稿 ...
微信小程序：enablePullDownRefresh、onReachBottomDistance 、动态设置窗口的背景色、动态设置下拉背景字体
一.enablePullDownRefresh 1.下拉刷新enablePullDownRefresh的支持单页面配置json文件 {"enablePullDownRefresh" ...
实现js动态设置css样式，js动态设置全局样式主题色
需求: 1.设置一个全局的样式 2. 样式是需要动态改变的,改变的内容是通过请求后台接口获取的,因此需要js能够对css进行改变实现: 或许你可能不相信,代码只需要几行 js代码: // 设置主题色 ...
vue 动态设置div的高度_Vue 动态设置元素高度
1. Vue文件如下 let windowHeight = parseInt(window.innerHeight) export default { data() { return { window ...
EasyPlayer.js如何实现动态设置解码H.265音频？
视频平台EasyCVR.EasyGBS.EasyDSS.EasyNVR等均集成了我们自主研发的EasyPlayer视频流媒体系列播放器,可支持H.264/H.265视频编码,并拥有多个版本包括Easy ...
php 设置跨域axios,vue2.0中proxyTable用axios进行跨域请求的设置方法
vue2.0设置proxyTable使用axios进行跨域请求的方法这里请求的是知乎日报的api,由@izzyleung这位大神提供的,这是github地址. 在vue-cli构建的项目中先安装ax ...
vue2.0 axios 登录post请求自动读取Set-Cookie设置
因为axios在登录post请求的时候不会自动读取 Set-Cookie,如图下面的地方先在在全局配置 axios.defaults.withCredentials = true 下载包 cnpm ...
axios队列 vue_(十三 )Vue 封装axios(四种请求)及相关介绍
Vue 封装axios(四种请求)及相关介绍首先axios是基于promise的http库 promise是什么? 1.主要用于异步计算 2.可以将异步操作队列化,按照期望的顺序执行,返回符合预期的 ...
android 如何动态设置margin,Android 动态设置margin
android的view中有setPadding,但是没有直接的setMargin方法.如果要在代码中设置该怎么做呢? 可以通过设置view里面的LayoutParams 设置,而这个LayoutPa ...

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

axios设置text html,axios封装动态设置Content-Type相关推荐

最新文章

热门文章