本地运行肯定是没问题的，但是打包后，用VScode live server插件打开，也是空白的，dom中，只有#app这个容器div。
不过，因为用的是createWebHistory路由模式，所以本地也不好测。
修复方法：
vite.config.js配置中base使用绝对路径。
base：'/a/h5'
这是根据网页路径来的，比如根路径是：http://www.baidu.cn/a/h5;
页面的路径是：...../h5/mmp/login，...../h5/sys/mgmt
index.html中，引入main.js或main.ts的写法，也用绝对路径：/main.js
Vue3项目打包发布后，const { ctx } = getCurrentInstance()无法获取路由/全局...
开发完成后打包放到服务器上，却发现打包后的页面空白，打开console发现报错：js、css无法找到对应路径。页面...
问题描述 使用NPM打包命令后，项目部署到服务器的子目录会导致页面空白，查看console发现加载的脚本地址问题 ...
项目nginx部署时，前端用history模式，在浏览器浏览，页面空白 原因：vue项目，history模式下，后...
用 vite2 + vue3 做了几个基础的库项目，打包发布都弄明白了。 然后引入到项目后发现一个问题，普通项目会...
vue打包 dist src文件夹及index.html打包到服务器 获取nginx镜像 配置nginx 项目根目...
本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。（由于每个项目的情况都不尽...
本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。（由于每个项目的情况都不尽...
vue3 + vite + nginx 在服务器上部署后打开首页都没问题，打开其他路径全部 404。 nginx ...
Vue打包npm run build 打包后空白怎么解决？ 问题一：路径报错并且页面空白 在打包时提示 需要在vu...
本文标题：vue3打包项目，发布nginx服务器后页面空白的
本文链接：https://www.haomeiwen.com/subject/aehlqjtx.html
网友评论