Vue 是一個非常強大的前端框架,可以讓我們開發高性能的 Web 應用程序。Vue 的歷史模式(history mode)允許我們使用自然的 URL 來展示頁面,而不是使用傳統的帶有哈希的 URL。
在使用 Vue 時,我們可以通過在路由配置中設置 mode 選項來啟用歷史模式。例如:
const router = new VueRouter({ mode: 'history', routes: [...] })
啟用了歷史模式后,我們可以使用常規的 URL 訪問 Vue 應用程序中的不同頁面。例如,如果我們有一個名為 /about 的頁面,我們可以使用以下 URL 訪問它:
https://example.com/about
這比使用傳統的帶有哈希的 URL 更加自然和美觀。但是,我們需要確保在服務端配置正確的路由規則。否則,當我們刷新頁面時,服務端會返回 404 錯誤。
在配置服務端路由規則時,需要將所有的路由都指向 index.html 文件。例如:
app.get('*', (req, res) =>{ res.sendfile('./public/index.html'); });
這樣,服務端會將所有的路由都指向 index.html 文件,Vue 應用程序就能夠正確的處理路由了。
總之,Vue 的歷史模式為我們提供了更加自然和美觀的頁面訪問方式。但是在使用歷史模式時,我們需要確保在服務端正確的配置路由規則。
上一篇html寬度自適應的代碼
下一篇c 讀json 文件