Vue.js 是一種用于構(gòu)建用戶界面的漸進(jìn)式框架。當(dāng)我們?cè)谑褂?Vue.js 時(shí)，我們可能需要獲取當(dāng)前端口號(hào)以便進(jìn)行一些操作。在這篇文章中，我們將介紹如何使用 Vue.js 獲取端口號(hào)。

首先，我們需要使用 JavaScript 來(lái)獲取當(dāng)前 URL 。我們可以使用 window.location 對(duì)象來(lái)獲取 URL 。這個(gè)對(duì)象是一個(gè)全局對(duì)象，它包含當(dāng)前正在加載的文檔的 URL 信息。

let currentUrl = window.location;
console.log(currentUrl);

接下來(lái)我們需要從 URL 中解析出端口號(hào)。我們可以使用 currentUrl.port 來(lái)獲取端口號(hào)，但是這種方法不是很理想，因?yàn)椴皇撬?URL 都包含端口號(hào)。

為了更好地獲得端口號(hào)，我們可以通過(guò)檢查 currentUrl.protocol 來(lái)確定 URL 實(shí)際上使用的協(xié)議。如果該協(xié)議是 http，則當(dāng)前端口是 80，如果是 https，則當(dāng)前端口是 443。否則，我們可以使用 currentUrl.host 屬性來(lái)獲取主機(jī)名和端口號(hào)，然后使用正則表達(dá)式從中提取出端口號(hào)。

let currentUrl = window.location;
let port = currentUrl.protocol == "https:" ? 443 :
currentUrl.protocol == "http:" ? 80 :
currentUrl.port;
console.log(port);

現(xiàn)在，我們已經(jīng)成功獲取了當(dāng)前端口號(hào)，可以在使用 Vue.js 進(jìn)行相關(guān)操作時(shí)應(yīng)用這個(gè)端口號(hào)了。