vue-element-admin打包后白屏的问题

简介: vue-element-admin打包后白屏的问题

使用

npm run build:prod

命令进行打包


会出现这样的情况

生成了一个静态的文件夹

打开index.html的时候

会出现页面空白的问题

打开F12查看一下这是为啥

会发现这些文件的路径访问不到

解决办法

打开

vue.config.js

找到

publicPath: '/'

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

然后使用npm run build:prod重新打包

如果这个时候,还是空白的话

打开浏览器,路径都是正确的,没有报错

但是就是不显示界面内容

需要打开routers.js文件

路由模式将histroy改成hash模式,起初 mode:'history'

相关文章
|
2天前
|
JavaScript
vue3 使用element plus 打包时 报错
vue3 使用element plus 打包时 报错
37 0
|
2天前
|
Web App开发 资源调度 JavaScript
vue element plus 安装
vue element plus 安装
39 0
|
2天前
|
JavaScript 前端开发
Vue使用Element实现增删改查+打包
Vue使用Element实现增删改查+打包
24 0
|
10月前
|
JavaScript 前端开发 Java
vue3-element-admin 项目说明文档
vue3-element-admin 项目说明文档
|
11月前
|
JavaScript
vue 报错 Cannot find package ‘unplugin-vue-components‘ 解决
vue 报错 Cannot find package ‘unplugin-vue-components‘ 解决
221 0
|
存储 JSON 数据库
vue3中实现文件上传---通过element-plus的upload组件
vue3中实现文件上传---通过element-plus的upload组件
|
2天前
Vue3导入element-ui
Vue3导入element-ui
29 0
|
6月前
|
JavaScript 前端开发 程序员
vue-element-admin 运行并且打包部署
vue-element-admin 运行并且打包部署
117 0
|
6月前
|
前端开发 JavaScript
vue-element-admin上传图片的功能
vue-element-admin上传图片的功能
67 0
|
6月前
vue-element-admin项目关闭eslint校验
vue-element-admin项目关闭eslint校验
40 0

热门文章

最新文章