前言

使用

npm run build:prod

  • 命令进行打包

在这里插入图片描述

  • 会出现这样的情况
  • 生成了一个静态的文件夹 打开index.html的时候

在这里插入图片描述

  • 会出现页面空白的问题
  • 打开F12查看一下这是为啥
  • 会发现这些文件的路径访问不到

在这里插入图片描述

  • 解决办法 打开 vue.config.js

  • 找到 publicPath: ‘/’

  • 将 publicPath: '/'改成 publicPath: './'

在这里插入图片描述

  • 然后使用npm run build:prod重新打包 如果这个时候,还是空白的话
  • 打开浏览器,路径都是正确的,没有报错 但是就是不显示界面内容
  • 需要打开routers.js文件 路由模式将histroy改成hash模式,起初 mode:'history'

在这里插入图片描述

GitHub 加速计划 / vu / vue-element-admin
87.26 K
30.42 K
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐