axios如何在nodejs项目里封装_vue中axios的使用与封装

分享下我自己的axios封装

axios是个很好用的插件，都是一些params对象，所以很方便做一些统一处理

当然首先是npm安装axios 很简单$ npm install axios --save

在src下新建文件夹 service / index.js

接着上代码

1 import axios from 'axios';

2 import { Toast} from 'mint-ui';// 我用的mint的框架来弹出我的错误返回 大家可以用别的提示

3 import router from '../router'

4

5 // 默认超时设置

6 axios.defaults.timeout = 50000;

7

8 // 相对路径设置

9 axios.defaults.baseURL ='';

10

11 //http request 拦截器

12 axios.interceptors.request.use(

13 config => {

14 // 获取token

15 const token = localStorage.getItem('cc_token');

16 // 设置参数格式

17 if(!config.headers['Content-Type']){

18 config.headers = {

19 'Content-Type':'application/json',

20 };

21 }

22 // 添加token到headers

23 if(token){

24 config.headers.token = token

25 }

26 // 鉴权参数设置

27 if(config.method === 'get'){

28 //get请求下 参数在params中，其他请求在data中

29 config.params = config.params || {};

30 let json = JSON.parse(JSON.stringify(config.params));

31 //一些参数处理

32 }else{

33 config.data = config.data || {};

34 //一些参数处理

35 }

36 return config;

37 },

38 err => {

39 return Promise.reject(err);

40 }

41 );

以上请求之前的一些处理就完成了

下面是获得返回的一些处理

//http response 拦截器

axios.interceptors.response.use(

response => {

//一些统一code的返回处理

if(response.d