Vue.js提供了一種history模式，它可以讓頁面的URL不帶/#/符號(hào)。

默認(rèn)情況下，Vue.js使用哈希模式，在URL中添加/#/。這種模式的好處是它可以避免由于瀏覽器緩存引起的問題。但是如果你想要URL更加友好、更符合SEO標(biāo)準(zhǔn)，那就可以使用history模式。

// 開啟 history 模式
const router = new VueRouter({
mode: 'history',
routes: [...]
})

開啟history模式后，服務(wù)器的后端配置需要特別注意，以保證URL的映射關(guān)系正確。在使用Vue.js搭建單頁應(yīng)用時(shí)，可能需要配置一個(gè)通配符路由來解決404頁面問題。

// server.js
const express = require('express')
const path = require('path')
const app = express()
app.use(express.static(path.join(__dirname, 'dist')))
app.get('*', function (req, res) {
res.sendFile(path.join(__dirname, 'dist', 'index.html'))
})
app.listen(8080)

以上代碼中，我們使用了express服務(wù)器，并配置了一個(gè)通配符路由，用于返回index.html文件，這樣所有的路由都能正確地渲染單頁應(yīng)用程序，而不會(huì)出現(xiàn)404頁面。