ToB企服应用市场:ToB评测及商务社交产业平台

标题: Vue3 vite build 之后不表现页面内容，只表现空缺，也没有报错怎样解决 [打印本页]

作者: 万万哇 时间: 2024-6-11 12:27
标题: Vue3 vite build 之后不表现页面内容，只表现空缺，也没有报错怎样解决
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 之后就能正常表现了

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)