vue3打包项目,发布nginx服务器后页面空白的

vue3打包项目,发布nginx服务器后页面空白的

本地运行肯定是没问题的,但是打包后,用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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容