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

這個筆記隨便寫的,發覺要完全描述清楚其實挺難的,就這樣吧,哈哈哈


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM