cms-vue3+ts

axios

拦截器

// fn1: 请求发送成功会执行的函数
// fn2: 请求发送失败会执行的函数
axios.interceptors.request.use((config) => {
    // eg: config.url = ...修改; 给请求添加token; isLoading动画
    console.log('请求成功的拦截')
    return config;
}, (err) => {
    console.log('请求失败的拦截')
    return err;
})
axios.interceptors.response.use(res => {
    console.log('响应成功的拦截')
    return res;
}, (err) => {
    console.log('响应失败的拦截')
    return err;
})

区分不同环境

1. 在开发中，常见的三种环境：

• 开发环境：development
• 生产环境：production
• 测试环境：test

2. 区分环境

• 方式一：手动修改不同的变量
• 方式二：根据process.env.NODE_ENV的值进行区分
• 方式三：编写不同的环境变量配置文件