Vue3 vite build 之后不显示页面内容,只显示空白,也没有报错如何解决

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 之后就能正常显示了

转载请说明出处内容投诉
CSS教程_站长资源网 » Vue3 vite build 之后不显示页面内容,只显示空白,也没有报错如何解决

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买