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

相关推荐
陈逸子风1 天前
(系列十一)Vue3框架中路由守卫及请求拦截(实现前后端交互)
vue3·webapi·权限·流程·表单
爱分享的Hayes小朋友2 天前
如何用post请求调用Server-Sent Events服务
前端·vue3·sse·post
Coisini_甜柚か5 天前
打字机效果显示
前端·vue3·antv
Modify_QmQ5 天前
初识Electron & 进程通信
electron·vue3·桌面端
Bessie2345 天前
实现 Nuxt3 预览PDF文件
pdf·vue3·nuxt3
CherishTaoTao8 天前
Vue3 keep-alive核心源码的解析
前端·vue3
虞泽9 天前
鸢尾博客项目开源
java·spring boot·vue·vue3·博客
前端杂货铺11 天前
简记Vue3(三)—— ref、props、生命周期、hooks
vue.js·vue3
静谧的美11 天前
vue3-element-admin 去掉登录
vue.js·前端框架·vue3·去掉登录