Vue3 vite build 之后不顯示頁(yè)面內(nèi)容，只顯示空白，也沒(méi)有報(bào)錯(cuò)如何解決
我的項(xiàng)目在 build 之后就插入到我的主網(wǎng)站的 /tools/image 路徑下使用的，并非主網(wǎng)站，所以需要配置兩個(gè)地方：
1. 修改 vite.config.js
添加 base，意思是 build 之后的外部資源都從當(dāng)前目錄的相對(duì)路徑獲取。
比如 main.js 不是 /main.js 而是 ./main.js
export default defineConfig({
base: './',
})
2. 需要修改 router.js 中的 history 選項(xiàng)
我不知道是什么原理哈，反正是管用，之前在沒(méi)有使用 vite 的時(shí)候也是在 router 中關(guān)閉這個(gè)選項(xiàng)的，所以差不多的事應(yīng)該。
router.js文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-647068.html
import { createRouter, createWebHashHistory } from 'vue-router'
const router = createRouter({
history: createWebHashHistory(),
// 它本來(lái)默認(rèn)是 createWebHistory()
})
結(jié)果
這樣在 build 之后就能正常顯示了文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-647068.html
到了這里，關(guān)于Vue3 vite build 之后不顯示頁(yè)面內(nèi)容，只顯示空白，也沒(méi)有報(bào)錯(cuò)如何解決的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
