栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

部属vue项目,访问路径设置非根,显示白屏

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

部属vue项目,访问路径设置非根,显示白屏

问题:访问页面,返回“We’re sorry but XXX doesn’t work properly without Javascript enabled. Please enable it to continue.”

环境:使用nginx部属vue项目时,没有把访问项目设置为根路径

说明:当访问项目对应的nginx配置没有给项目的访问路径设置为根时,页面显示白屏,在network中可以看到所有资源都加载完成,index.html会显示“We’re sorry but XXX doesn’t work properly without Javascript enabled. Please enable it to continue.”信息;
如果将项目的nginx配置访问路径设置成根路径,网站页面可以正常访问,但是请求的返回还是会有这样的信息,这段信息就写在了index.html页面中;
分析原因是vue项目中会有对访问路径的判断,如果不是根路径,就不执行js代码,进而显示白屏。

解决:vue项目,访问路径不是根目录,依照以下几个步骤进行设置,就可以正常访问

    修改vue.config.js,设置pbulicPath路径,
    设置路由中的base信息
    修改nginx,在serve中设置location /webroot
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/757756.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号