本文介绍了在 Vue CLI 3.0 中如何安装和使用 Axios 插件，以及详细讲解了本地代理的设置过程。在安装 Axios 后，Vue CLI 自动创建了配置文件，简化了手动配置。代理设置方面，通过 `vue.config.js` 文件配置，解决了开发环境中的跨域问题。但在部署后发现，生产环境的请求会受到影响，为此提出了三种解决方案：打包前移除代理配置、前后端地址统一或使用 nginx 反向代理。
vue-cli@2.0版本时，一直在用vueResource，但似乎axios呼声更高。所以vue-cli@3.0决定使用axios试试。
3.0版本的插件安装方式有所改变：vue add xxx
下面按照操作顺序来说：
1.安装axios插件安装及使用
vue add axios
安装成功后，终端提示已更新package.json/package-lock.json/plugins/axios.js等，
最重要的是"./src"下新增文件plugins/axios.js，我们来看下文件内容：
看到这个文件才理解，Vue Cli官网所说“安装和调用“的含义：
这样就好理解了，这里是把原本需要我们手动调用设置的部分，也一块配置了出来
main.js中，我们也无需做其他设置，我们甚至可以直接在这里做基础路径、超时、跨域、拦截器、别名的设置
2.proxy代理设置
代码如下：
vue.config.js中配置(设置的代理地址为117.51.xx.xx)：
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
