axios 上传文件 封装_axios封装和传参

axios封装和传参

1.开发环境 vue+typescript

2.电脑系统 windows10专业版

3.在开发的过程中,我们会经常使用到 axios进行数据的交互,下面我来说一下,axios封装和传参!

4-1:下面结构如下:

4-2:request.js代码如下:import axios from 'axios'

import qs from 'qs'

axios.defaults.timeout = 2000000; //响应时间

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; //配置请求头

// axios.defaults.baseURL = 'http://192.168.137.208:3000/'; //配置接口地址

//POST传参序列化(添加请求拦截器)

axios.interceptors.request.use((config) => {

//在发送请求之前做某件事

// config.headers.Accept="appliaction/json,text/plan";

if(config.method === 'post'){

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

}

return config;

},(error) =>{

<