VUE安装axios

我们在前端VUE安装axios组件的时候,一种方法是可以直接在axios官网安装

安装npm install --save axios vue-axios

在前端main.js写后边三句话

这样使用axios的话,每次我们都要调用API端口号,如果我们项目更改端口号的话,前端整个项目就不能使用。

所以现在就有新的方法,就是封装axios。

先封装,然后初始化axios,默认api url地址 默认超时时间 1000毫秒=1秒
最后一步将$http进行导出 (可以供外部使用)
如果不导出axios是不能使用的
封装axios的好处:
如果以后在公司里要改变那个端口号 可以去封装axios里直接更改我们的这个端口号,然后可以继续使用,不会导致我们整个vue不能使用。
这样会让我们前端代码也更加简洁,如果我们更改API端口号,可以直接去封装的这里更改端口号就可以继续使用新的项目。

 

posted @ 2022-09-22 17:07  不在1  阅读(781)  评论(0)    收藏  举报