Fork me on Gitee

uni-app之动态配置BASE_URL(apiURL)

uni-app之动态配置BASE_URL(apiURL)

借用本地缓存localStorage,登录之前在缓存中存下默认的BASE_URL

image-20211206101952818

上面代码写在配置base_url的js文件中

image-20211206102230862

我做的是在登录页下方配置了一个设置,每次登录之前可以修改为想要连接的ip和端口,获取新的BASE_URL

image-20211206102703993

其实很简单,就是每次点击确定后将输入的ip和端口拼接成URL,修改成缓存中新的BASE_URL

上面弹框放在了一个新的vue文件中,在created方法中从缓存中截取到ip和端口,然后在弹框中回显出来,每次记录上一次输入的ip和端口,截取ip和端口的代码如下

image-20211206103202545

image-20211206103010078

created() {
			var base_url = uni.getStorageSync('base_url')
			this.port = base_url.substr(base_url.lastIndexOf(':')+1)
			this.ip = base_url.substring(base_url.lastIndexOf('/')+1, base_url.lastIndexOf(':'))
		},

注:ip记得加上校验

image-20211206103414530

image-20211206103349227

这个笔记随便写的,发觉要完全描述清楚其实挺难的,就这样吧,哈哈哈

posted @ 2021-12-06 10:37  等风的羽毛  阅读(5853)  评论(0编辑  收藏  举报
1