尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

打包后页面出现空白问题

打包后页面出现空白问题
📅 发布时间:2026/6/20 13:14:09

问题:打包后npm run build,生成dist文件,出现页面空白问题

---------------------------------------------------------------------------------------------------------------------------------

原因一、资源加载路径错误,即dist/index.html中的资源引用为相对路径,而不是/js/……

解决:在vue.config.js文件中,添加 publicPath: '/' 配置

原因二、路由模式为history(因为需要服务器端支持)

解决:将history模式改为hash模式 或 告诉后端需要重定向

在src/router/index.js中,

const router = new VueRouter({
mode: 'hash', // 将 'history' 改为 'hash'
routes
}

相关新闻

  • 30亿参数撬动边缘智能革命:SmolLM3重新定义小模型商业价值
  • offline meta-RL | 近期工作速读记录
  • 解锁大脑奥秘:Yeo7与AAL90脑图谱的终极映射指南

最新新闻

  • 2026年新发布:河北快速水泥毯定制厂家深度剖析与选择指南 - 品牌鉴赏官2026
  • 1688平台商品数据采集:API调用与批量分析
  • 家里管道堵了别乱找!2026大连正规疏通维修团队甄选指南 - 宅安选房屋修缮
  • MacOS:使用纯C++创建一个简单的MacAPP的Demo(可以双击运行的那种)
  • 核方法在双样本检验中的应用与优化
  • 如何快速定制暗黑破坏神2角色:d2s-editor存档编辑器实用指南

日新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

周新闻

  • Visual C++运行库修复终极指南:5分钟快速解决Windows软件启动错误
  • 手把手教你构建统计局地区经济数据爬虫:从环境搭建到数据持久化全指南
  • 2026多Agent深度解析:用AI团队替代单一模型,四种架构实战落地

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号