Vue3 vite build 之后不显示页面内容,只显示空白,也没有报错如何解决
添加 base,意思是 build 之后的外部资源都从当前目录的相对路径获取。我不知道是什么原理哈,反正是管用,之前在没有使用。中关闭这个选项的,所以差不多的事应该。这样在 build 之后就能正常显示了。
文章共362字 · 阅读需要大约2分钟
一键AI生成摘要,助你高效阅读
问答
·
Vue3 vite build 之后不显示页面内容,只显示空白,也没有报错如何解决
我的项目在 build 之后就插入到我的主网站的 /tools/image 路径下使用的,并非主网站,所以需要配置两个地方:
1. 修改 vite.config.js
添加 base,意思是 build 之后的外部资源都从当前目录的相对路径获取。
比如 main.js
不是 /main.js
而是 ./main.js
export default defineConfig({
base: './',
})
2. 需要修改 router.js 中的 history 选项
我不知道是什么原理哈,反正是管用,之前在没有使用 vite
的时候也是在 router
中关闭这个选项的,所以差不多的事应该。
router.js
import { createRouter, createWebHashHistory } from 'vue-router'
const router = createRouter({
history: createWebHashHistory(),
// 它本来默认是 createWebHistory()
})
结果
这样在 build 之后就能正常显示了
更多推荐
已为社区贡献14条内容
所有评论(0)