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  等风的羽毛  阅读(5710)  评论(0)  编辑  收藏  举报
1