第一步:首页安装axios,我这里使用npm安装
npm i axios -S
第二步:安装好后,在src文件目录下创建http文件夹,建立request.ts文件,我们的项目环境可能有开发环境、测试环境和生产环境,我们可以通过node的环境变量来匹配我们的默认的请求地址
// 环境的切换
if (process.env.NODE_ENV == 'development') {
axios.defaults.baseURL = 'https://www.baidu.com';}
else if (process.env.NODE_ENV == 'debug') {
axios.defaults.baseURL = 'https://www.ceshi.com';
}
else if (process.env.NODE_ENV == 'production') {
axios.defaults.baseURL = 'https://www.production.com';
}
import axios from 'axios'
const $http = axios.create({
//设置默认请求地址
baseURL,
//设置请求超时时间
timeout:5000,
//设置请求头
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
}
})
// 先导入vuex,因为我们要使用到里面的状态对象
// vuex的路径根据自己的路径去写
import store from '../../store/index';
// 请求拦截器
$http.interceptors.request.use(config => {
// 每次发送请求之前判断vuex中是否存在token
// 如果存在,