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

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

作者: IamaStupid | 来源:发表于2024-05-29 16:49 被阅读0次

    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

    相关文章

      网友评论

          本文标题:vue3打包项目,发布nginx服务器后页面空白的

          本文链接:https://www.haomeiwen.com/subject/aehlqjtx.html