vue添加axios,并且指定baseurl 两种方法

方法一(在入口文件main.js中实现)

1.import axios from ‘axios’
axios.defaults.baseURL=‘http://www.liulongbin.top:3005/’;
Vue.prototype.$http = axios
2. created(){
axios({
url:‘api/getlunbo’,
method: ‘get’,
})
.then(response =>{
console.log(response.status)
console.log(response.data.message)
if (response.status==200) {
this.lunbotuList=response.data.message
}else{
Toast(‘轮播图加载失败’)
}
})
.catch((error) =>{
console.log(error)
})
}

方法二 (通过全局的vue组件实现)

1.在main.js中全局引入axios
import axios from ‘axios’
Vue.prototype.$http = axios

2.添加一个Global.vue,内容如下:

3.在main.js中添加如下内容:
import global_ from ‘./Global.vue’
Vue.prototype.GLOBAL = global_;
axios.defaults.baseURL=global_.BASE_URL;

4.然后就能够正常的在各个模块中使用了。

后记:当然,很多全局变量都可以在Globa.vue中声明,并而且export出来。
在模块中使用的时候只需这样:
this.GLOBAL.BASE_URL即可。

created(){
let url = this.GLOBAL.BASE_URL+‘api/getlunbo’
axios({
url:url,
method: ‘get’,
})
.then(response =>{
console.log(response.status)
console.log(response.data.message)
if (response.status==200) {
this.lunbotuList=response.data.message
}else{
Toast(‘轮播图加载失败’)
}
})
.catch((error) =>{
console.log(error)
})
}

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值