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'

目录
打赏
0
0
0
0
10
分享
相关文章
|
9月前
|
vue3 使用element plus 打包时 报错
vue3 使用element plus 打包时 报错
209 0
Vue使用Element实现增删改查+打包
Vue使用Element实现增删改查+打包
59 0
vue 报错 Cannot find package ‘unplugin-vue-components‘ 解决
vue 报错 Cannot find package ‘unplugin-vue-components‘ 解决
554 0
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
617 0
vue-element-admin 综合开发一:搭建环境:vue-cli创建项目,整合element、vue-router
这篇文章是关于如何使用vue-cli搭建vue环境,并整合Element UI和vue-router来开发一个基础的前端管理后台界面。
221 0
vue-element-admin 综合开发一:搭建环境:vue-cli创建项目,整合element、vue-router
Vue3+ element plus 前后分离admin项目安装教程
Vue3+ element plus 前后分离admin项目安装教程
114 0
青戈大佬部署SpringBoot+Vue项目资料,vue中配置文件 .env.development,在Vue目录下 Find in Files
青戈大佬部署SpringBoot+Vue项目资料,vue中配置文件 .env.development,在Vue目录下 Find in Files
|
7月前
|
vue 配置【详解】 vue.config.js ( 含 webpack 配置 )
vue 配置【详解】 vue.config.js ( 含 webpack 配置 )
107 0
Vue 基于node npm & vue-cli & element UI创建vue单页应用
Vue 基于node npm & vue-cli & element UI创建vue单页应用
172 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等