在Vue項(xiàng)目中,有時(shí)需要獲取當(dāng)前域名的環(huán)境變量來進(jìn)行一些操作,比如根據(jù)環(huán)境變量切換API請(qǐng)求地址等。Vue提供了一個(gè)$scope變量來獲取當(dāng)前域名。
export default { data() { return { domain: window.location.host } } }
在上面的例子中,我們?cè)赩ue組件中定義了一個(gè)data屬性即domain,然后使用window.location對(duì)象的host屬性來獲取當(dāng)前域名,賦值給domain。
如果當(dāng)前域名中還包含端口號(hào),可以通過以下代碼獲取:
export default { data() { return { domain: window.location.host.split(":")[0] } } }
這樣就能獲取到除了端口號(hào)之外的域名部分。
除了host屬性,$scope對(duì)象還提供了其他屬性,如protocol用于獲取當(dāng)前協(xié)議(http或https),pathname用于獲取當(dāng)前頁面的路徑信息(如"/index.html"等)。可以根據(jù)實(shí)際需求靈活運(yùn)用。