axios实现步骤

第一步：
删除main.js中的关于axios的所有配置

第二步：
为了测试，我们先暂时关闭postcss.config.js中的跨域

第三步：

在src/config/index.js中配置baseUrl

	export const baseURL = process.env.NODE_ENV === "production" ? 
		'http://localhost:9001' 
		: 
		'http://www.phonegap100.com/'

第四步：
在main.js中引用config/index.js

import config from '@/config'

第五步：
在lib文件夹中创建axios.js文件
这个文件在做什么用?
通过类来创建axios的包装后的实例
包装什么了?
请求拦截,
响应拦截
拼接请求头(config)

第六步：
在lib文件夹中创建index.js文件
这个文件的作用是 把 axios的真正的实例进行导出,
方便其他组件进行引用

		import HttpRequest from '@/lib/axios'
		const  axios = new HttpRequest();
		export default axios;

第七步：
在src/api文件夹下创建相关业务的文件夹并创建index.js

第八步：
在src/api/xxx/index.js中写入业务的请求方法

第九步：
在相关的vue组件中使用业务的请求方法

1.导入

import {getData} from './api/user';

2.使用

getData().then(res => {
        this.data = res.data.result;
});