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

相关推荐
C_心欲无痕17 小时前
vue3 - 类与样式的绑定
javascript·vue.js·vue3
C_心欲无痕2 天前
vue3 - defineExpose暴露给父组件属性和方法
前端·javascript·vue.js·vue3
Sheldon一蓑烟雨任平生2 天前
Vue3 低代码平台项目实战(上)
低代码·typescript·vue3·低代码平台·问卷调查·json schema
Sheldon一蓑烟雨任平生2 天前
Vue3 低代码平台项目实战(下)
低代码·typescript·vue3·低代码平台·json schema·vue3项目
C_心欲无痕4 天前
vue3 - useId生成唯一标识符
前端·javascript·vue.js·vue3
C_心欲无痕4 天前
vue3 - watchSyncEffect同步执行的响应式副作用
开发语言·前端·javascript·vue.js·vue3
imkaifan5 天前
vite的插件 legacy--兼容低版本的浏览器
vue3·vite
咸虾米_5 天前
uniapp使用history路由模式打包上线到前端网页托管的注意事项
前端·uni-app·vue3·unicloud·前端网页托管
我是ed.7 天前
Vue3 图片标注插件 AILabel
前端·vue3·标注·ailabel
熊猫钓鱼>_>8 天前
Vue3 + Tailwind CSS + DaisyUI 现代前端开发完全攻略
前端·css·vue.js·vue3·tailwind·daisyui·现代开发