在uniapp中实现url地址封装 uniapp实现BASE_URL的全局挂载

本文介绍了如何在uniapp中实现全局URL地址的封装和挂载。首先在api.js文件中定义服务器地址BASE_URL,然后在main.js中导入并将其挂载到Vue原型上,使得在项目任意组件中都能通过this.$BASE_URL方便地调用。示例中展示了uni.request和uni.uploadFile的使用方式,以此简化网络请求的URL设置。

uniapp实现BASE_URL的全局挂载
在uniapp中实现url地址封装
在api.js中定义服务器地址

const BASE_URL = 'http://ljh:1015'

export default {
	BASE_URL
}

在main.js中导入

import BASE_URL from './utils/api.js'
Vue.prototype.$BASE_URL = BASE_URL

这样之后你就可以在该项目中任意一个亲戚中使用了
如:

uni.request({
	url: url:  this.$BASE_URL.BASE_URL+'/upload'
	)}

uni.uploadFile({
	url:  this.$BASE_URL.BASE_URL+'/upload',
)}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值