封装API接口

第一步：

首先引入axios

然后创建两个文件夹api和http

http.js 里面的

复制代码
1 import axios from ‘axios’;//引入axios
2
3 //环境的切换 开发环境(development)使用的是测试接口 和 生产环境(production)使用的是上线接口
4 if(process.env.NODE_ENV==‘development’){
5 //设置默认路径
6 axios.defaults.baseURL=‘http://120.53.31.103:84/’
7 }
8 if(process.env.NODE_ENV==‘production’){
9 axios.defaults.baseURL=‘https://wap.365msmk.com/’
10 }
11 axios.defaults.timeout=5000;//加载不出来5秒之后就是加载失败
12 axios.interceptors.request.use(
13 config=>{
14 config.headers={DeviceType:‘H5’}//可每次发送请求之前的逻辑处理 比如判断token
15 return config;
16 }
17 )
18 // axios.interceptors.response.use(
19 // response=>{
20 // return response;
21 // },
22 // error=>{
23 // if(error.response.status){
24
25 // }
26 /