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

相关推荐
一雨方知深秋7 天前
Element-plus安装及其基础组件使用
javascript·css·html·vue3·element-plus
清晨-阳光zx7 天前
vue-i18n在使用$t时提示类型错误
vue3·vue-i18n
陈逸子风7 天前
从0到1搭建权限管理系统系列四 .net8 中Autofac的使用(附源码)
vue3·webapi·权限·流程·表单
苍风的心上人8 天前
uniapp 使用Vue3 setup引入 uniapp 的onReachBottom
uni-app·vue3
wocwin8 天前
Vue3 + element-plus el-table二次封装组件新增虚拟滚动功能
vue.js·vue3·el-table·element-plus·virtual·虚拟滚动·table虚拟列表
Mao.O9 天前
在线聊天室项目(Vue3 + SpringBoot)
spring boot·websocket·vue3·在线聊天室
流氓也是种气质 _Cookie10 天前
14 vue3之内置组件trastion全系列
vue3·gsap
这孩子叫逆11 天前
uni-app进行微信小程序开发,快速上手
微信小程序·vue3·uniapp·vant
wocwin12 天前
vue3+element-plus icons图标选择组件封装
vue3·element-plus·组件封装·icons-vue·element-plus图标·图标选择组件·icon组件
陈逸子风13 天前
从0到1搭建权限管理系统系列三 .net8 JWT创建Token并使用
vue3·webapi·权限·流程