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),属性调用的方法而更改模式

相关推荐
Sapphire~19 小时前
Vue3-15 html标签和组件上的ref属性 + 接口泛型
vue3
Irene19911 天前
Vue 3 中使用 Mitt 事件总线
vue3·mitt
咸甜适中1 天前
双色球、大乐透兑奖分析小程序(rust_Tauri + Vue3 + sqlite)
爬虫·rust·sqlite·vue3·tauri2
Sapphire~3 天前
Vue3-012 vue2与vue3中的computed
vue3
Sapphire~6 天前
Vue3-11 toRefs 和 toRef
vue3
华玥作者7 天前
uni-app + Vite 项目中使用 @uni-helper/vite-plugin-uni-pages 实现自动路由配置(超详细)
前端·uni-app·vue·vue3·vite
独立开发者阿乐8 天前
Vue3中Markdown解析与渲染的完整解决方案:从安全到性能优化
web安全·性能优化·vue3·前端开发·语法高亮·markdown解析·markdown-it
Sapphire~9 天前
Vue3-10 ref与reactive创建响应式数据的区别
vue3
Irene199110 天前
Vue3 TypeScript 项目中,Emits 验证的使用场景
typescript·vue3·验证
箫笙默10 天前
Vue3基础笔记
笔记·vue·vue3