8080端口常用于WEB開發中的本地測試環境，作為Vue.js開發者，我們熟知8080端口是Vue.js在運行時的默認端口。當我們啟動Vue項目時，我們可以通過訪問http://localhost:8080/來預覽我們的項目。

然而，Vue項目也需要一個主頁，這個主頁應該作為項目的入口點，因此我們需要將Vue項目的跳轉目錄設置為主頁。在Vue項目初始化時，一般會指定一個頁面作為項目的首頁，比如我們可以將login頁面設置為首頁。

//將login頁面設置為首頁
const routes = [
{ path: '/', component: login}
]

以上代碼意味著，當我們訪問http://localhost:8080/時，便會自動跳轉至login頁面，因為我們將login頁面作為了項目的首頁。

當我們需要修改主頁時，可以選擇以下兩種方式：

方法一：使用router-link指令

回到首頁

使用router-link指令，可以在前端進行頁面跳轉。例如，在login頁面中，我們可以使用以下代碼跳轉至用戶列表頁面：

訪問用戶列表

方法二：在Vue.js 實例中手動跳轉

//在Vue.js實例中手動跳轉至登錄頁面
this.$router.push({ path: '/' })

以上代碼會將路由跳轉至首頁，這種方式在某些場景下會更加靈活。例如，在頁面跳轉前，我們可以先進行一些邏輯處理。比如，通過調用接口檢查用戶是否已登錄，如果未登錄，則跳轉至登錄頁面：

//在Vue.js實例中進行用戶登錄驗證
axios.post('/api/user/check').then(res =>{
if (res.data.code === 1) {
//已登錄
this.$router.push({ path: '/' })
} else {
//未登錄
this.$router.push({ path: '/login' })
}
})

總結：Vue.js框架使用8080端口作為默認端口，我們可以通過指定路由來將項目的訪問路徑設置為首頁，以便更好地引導用戶瀏覽我們的頁面。在進行頁面跳轉時，我們可以選擇使用router-link指令或者在Vue.js實例中手動跳轉，以滿足不同場景的需求。