vue中网络模块的封装

一旦使用了第三方框架，最好做一个封装，要不这些框架更新后有问题，就麻烦大了，不要在项目各个地方直接使用第三方框架，这是一个好的编程习惯

安装：npm install axios --save

自己练习的时候，往往为了使用方便，直接import axios from 'axios'，然后直接使用axios.get等直接调用方法，实际开发中，axios是不会用全局实例的，为什么？

因为

1.如果直接拿来原生的axios使用的话，往往先配置一个baseURL，如：axios.default.baseURL，而实际开发中，使用分布式服务器的话，服务器不止一个，ip地址也不止一个，有可能不同功能请求对应不同的ip地址，这样全局配置不同的baseURL是无法实现的，这个时候就需要单独创建不同的axios对象

2.如果每个功能组件中都导入axios，都发请求，加入axios不再维护了，项目需要重新换另一个网络框架，那么就需要挨个去修改，而拿到原生的axios封装后，以后就算换了其它框架，只改一个地方就可以了

所以不管是哪种语言的开发中，只要引用第三方框架，不要在每个文件中都对它进行独自依赖，都要新进行封装

如何封装？

1.单独建一个文件夹：network

2.下面建一个 request.js进行封装

   注意：这里写的是export而不是export default，为什么？

   因为export default只能暴露一个对象，而export