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):