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'

相关文章
|
7月前
|
JavaScript
vue3 使用element plus 打包时 报错
vue3 使用element plus 打包时 报错
184 0
|
7月前
|
JavaScript 前端开发
Vue使用Element实现增删改查+打包
Vue使用Element实现增删改查+打包
50 0
|
前端开发
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
1189 0
|
JavaScript 前端开发 Java
vue3-element-admin 项目说明文档
vue3-element-admin 项目说明文档
|
JavaScript 开发者
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
586 0
|
2月前
|
资源调度 JavaScript 前端开发
vue-element-admin 综合开发一:搭建环境:vue-cli创建项目,整合element、vue-router
这篇文章是关于如何使用vue-cli搭建vue环境,并整合Element UI和vue-router来开发一个基础的前端管理后台界面。
177 0
vue-element-admin 综合开发一:搭建环境:vue-cli创建项目,整合element、vue-router
|
2月前
|
资源调度 JavaScript PHP
Vue3+ element plus 前后分离admin项目安装教程
Vue3+ element plus 前后分离admin项目安装教程
60 0
|
资源调度 JavaScript 测试技术
Vue 基于node npm & vue-cli & element UI创建vue单页应用
Vue 基于node npm & vue-cli & element UI创建vue单页应用
167 0
|
JavaScript 前端开发 程序员
vue-element-admin 运行并且打包部署
vue-element-admin 运行并且打包部署
273 0
|
前端开发 JavaScript
vue-element-admin上传图片的功能
vue-element-admin上传图片的功能
260 0