vue3打包后页面空白解决方法

发布时间：2024年01月12日

vue3打包后页面空白解决方法

问题

最近写一个小项目
没有打包的时候一切正常

技术栈用的vue3 + vite
我用的是npm创建的项目

npm init vue@latest

问题一 ：打包后页面空白，什么都没有
在这里插入图片描述
问题二：刷新页面后找不到资源
把url的index.html去掉后可以正常显示但是刷新后又会出现新的问题
问题如下
在这里插入图片描述

解决方法

第一步
先在vite.config.js中添加一行代码

base:'/'

在这里插入图片描述

第二步
在router/index.js中把createWebHistory 换成createWebHashHistory
这里默认是createWebHistory
在这里插入图片描述
到此问题解决，打包测试应该没啥问题了！
在这里插入图片描述

文章来源:https://blog.csdn.net/2301_76809965/article/details/135560835
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章