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 天前
37-实现地图配置项(完结)
echarts·vue3
凯小默3 天前
36-引入地图
echarts·vue3
凯小默3 天前
【TypeScript+Vue3+Vite+Vue-router+Vuex+Mock 进行 WEB 前端项目实战】学习笔记共 89 篇(完结)
typescript·echarts·mock·vue3·vite·vuex·vue-router
凯小默4 天前
34-监听数据渲染饼图以及饼图配置
vue3
凯小默4 天前
30-更新用户信息并且刷新表格
vue3
凯小默5 天前
27-编辑用户信息弹框组件化(显示隐藏功能)
vue3
凯小默5 天前
31-实现分配角色弹框(显示列表和选中当前用户的角色)
vue3
凯小默5 天前
29-定义用户对象类型(接口类型)
vue3
八目蛛5 天前
色盲测试小游戏
vue.js·vue3·html5
雪碧聊技术5 天前
前端项目代码发生改变,如何重新部署到linux服务器?
前端·vue3·centos7·代码更新,重新部署