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'

相关文章
|
6月前
|
JavaScript
vue3 使用element plus 打包时 报错
vue3 使用element plus 打包时 报错
136 0
|
6月前
|
Web App开发 资源调度 JavaScript
vue element plus 安装
vue element plus 安装
100 0
|
6月前
|
JavaScript 前端开发
Vue使用Element实现增删改查+打包
Vue使用Element实现增删改查+打包
43 0
|
JavaScript 前端开发 Java
vue3-element-admin 项目说明文档
vue3-element-admin 项目说明文档
|
1月前
|
资源调度 JavaScript 前端开发
vue-element-admin 综合开发一:搭建环境:vue-cli创建项目,整合element、vue-router
这篇文章是关于如何使用vue-cli搭建vue环境,并整合Element UI和vue-router来开发一个基础的前端管理后台界面。
136 0
vue-element-admin 综合开发一:搭建环境:vue-cli创建项目,整合element、vue-router
|
1月前
|
资源调度 JavaScript PHP
Vue3+ element plus 前后分离admin项目安装教程
Vue3+ element plus 前后分离admin项目安装教程
37 0
|
5月前
|
JavaScript 前端开发 API
vue使用element plus组件上传服务器
vue使用element plus组件上传服务器
101 1
|
6月前
Vue3导入element-ui
Vue3导入element-ui
67 0
|
资源调度 JavaScript 测试技术
Vue 基于node npm & vue-cli & element UI创建vue单页应用
Vue 基于node npm & vue-cli & element UI创建vue单页应用
160 0
|
12月前
|
JavaScript 前端开发 程序员
vue-element-admin 运行并且打包部署
vue-element-admin 运行并且打包部署
238 0