vue3 项目打包后白屏

根据Vue3.x文档,在 vue.config.js/vite.config.ts 统一对webpack、跨域、端口号等属性进行配置。

1.在 vue.config.js/vite.config.ts添加publicPath属性并将值更改成 './'

在这里插入图片描述

2.若还没有解决就去路由中将history模式设置成默认的Hash模式,

一般是服务器后端配置之后才使用history

一般建议默认的Hash模式

Vue2的路由与vue3的路由有些许不同,在Vue2中我们通过mode:'Hash'可以直接更改模式,而在Vue3中,我们通过更改history: createWebHashHistory(import.meta.env.BASE_URL)/history: createWebHistory(import.meta.env.BASE_URL),属性调用的方法而更改模式

相关推荐
零凌林2 天前
使用exceljs将excel文件转化为html预览最佳实践(完整源码)
前端·html·excel·vue3·最佳实践·文件预览·exceljs
岁岁岁平安3 天前
Vue3学习(组合式API——reactive()和ref()函数详解)
前端·javascript·vue.js·学习·vue3·reactive·ref
三天不学习4 天前
Vue3 本地环境 Vite 与生产环境 Nginx 反向代理配置方法汇总【反向代理篇】
运维·nginx·vue3·vite·反向代理
小张快跑。7 天前
【Vue3】使用vite创建Vue3工程、Vue3基本语法讲解
前端·前端框架·vue3·vite
halo141610 天前
vue中scss使用js的变量
javascript·vue3·scss
緑水長流*z10 天前
(14)Element Plus项目综合案例
vue.js·elementui·vue3·element plus·elementplus项目·完整项目案例·项目学习笔记
A-刘晨阳11 天前
Algolia - Docsearch的申请配置安装【以踩坑解决版】
vue3·ts·vuepress·algolia·docsearch
我是哈哈hh11 天前
【Vue】全局事件总线 & TodoList 事件总线
前端·javascript·vue.js·vue3·vue2
我是哈哈hh11 天前
【Vue】组件自定义事件 & TodoList 自定义事件数据传输
前端·javascript·vue.js·vue3·vue2
ʚʕ̯•͡˔•̯᷅ʔɞ LeeKuma13 天前
Vue3携手Echarts,打造炫酷数据可视化大屏
信息可视化·echarts·vue3