VUE中 设置 axios全局 请求url

原创 84阅读 · 时间2019年7月9日 16:36


每次请求API的时候,都需要填写所请求的地址,一个两个还好,如果我们有几十个或者几百个,写起来就费事,而且后期维护起来成本也比较高,那我们能不能写一个变量,每次请求API的时候直接从这个路径走,然后我们再在每个请求上加入具体是哪个接口?


这时,axios 非常贴心的写好了,只需要在main.js中设置一下axios 的全局请求路径即可。



具体操作,看代码:

在 src 的 main.js 中:

import axios from 'axios'

axios.defaults.baseURL='http://192.168.0.104:888/api/'


设置完后的食用方式:


this.$axios
.get("/corder/")
.then(function(response) {
    console.log(response)
})
.catch(function(error) {
    console.log(error);
});


 这时的访问url为:http://192.168.0.104:888/api/corder/



评论

本站升级中... 如有好的建议请加入QQ群!

相关文章推荐 ?
近七日热文推荐 !
回到顶部