axios如何在nodejs项目里封装_15. 基于Vue+Element+nodeJs+Express+MySql后台管理系统-axios请求封装以及接口统一管理...

在src目录下创建config目录，并在此目录下创建两个文件http.js和interface.js，

其中http.js用来对axios请求进行封装，interface.js用来对此项目中用到的接口进行统一封装。

一、axios请求封装http.js

1. axios 全局配置：

import axios from 'axios'

import store from '../store'

import router from '../router'

import common from '../assets/js/common.js'

axios.defaults.timeout = 180000

axios.defaults.baseURL = '/demo-weekly/back-end/api' // 测试接口域名

export const baseURL = axios.defaults.baseURL

2. 拦截器：

应用场景：

1：每个请求都带上的参数，比如token，时间戳等。

2：对返回的状态进行判断，比如token是否过期

请求：

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

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

config.headers['Content-Type'] = 'application/json