Solution

将 vite 里面的配置文件是 vite.config.js
在配置里写上 base: './' 即可解决。

vite 打包页面空白相关推荐

Vite+Vue3页面空白、图标不显示问题解决
页面空白问题由于项目部署在子文件夹下,因此需要配置vite.config.js const config = {base: './', } el-icon图标不显示.打包时mkdir无权限在控制台 ...
vue打包页面空白解决方法
1.index.html显示空白问题 vue项目打包后,查看index.html,网页显示一片空白,f12查看console均是引用路径错误问题! 具体解决方法: config--index.js中a ...
vue 打包路由报错_Vue下路由History模式打包后页面空白的解决方法
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往 ...
vue 打包html静态页面,vue项目打包、vue项目打包后空白界面解决办法
Vue脚手架提供了一个命令npm run build进行打包项目,在package.json中有一个build属性,对应执行命令node build/build.js.执行成功后,项目目录下多了一个d ...
vite打包部分页面不显示问题+图片不显示问题
1.通过vite打包后部分页面不显示: 原因是路由写法存在错误,如下图解决办法: 修改路由采用上图的第一个写法 2.图片不显示: 2.1.变量中相对路径引入,文件找不到好多时候,我们使用是svg都 ...
Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决
vue+webpack创建的项目打包发布至服务器,页面空白及背景图片不显示问题解决一. 页面显示空白二. 背景图片不显示一. 页面显示空白解决方法: config > index.js ...
react部署之页面空白
react部署之页面空白问题:create-react-app build打包后,页面出现空白. 可能一: 控制台报错,js等文件找不到(404) 文件路径问题,只需修改package.json文件 ...
vue项目dist编译文件部署到服务器：页面空白、F5刷新报错404、403报错、等等bug - 总结篇
文章目录问题一. vue编译打包dist文件之后部署到线上服务器 ,访问页面却是空白? 问题二.如果不是空白,页面F5之后就又变成空白? 以Nginx服务器为例,(如下图FTP所示) `404报错: ...
vite打包快几款基于vue3和vite的开箱即用的中后台管理模版
vite打包快的原因: 冷启动 1.esbuild构建依赖,go语言编写多线程打包. 2.原生的esm方式提供源码,浏览器分担了一部分工作. HMR热更新 1.缓存机制,利用浏览器http头部,源码模 ...
vue-cli构建的移动端项目ios9以下打开页面空白问题
造成ios9一下页面空白问题,个人遇到的是项目npm run build之后,项目里es6没有转成es5造成的. vue-cli构建的本身已经配置好babel,es6的转码,但是还遇到这个问题. 那么 ...

vite 打包页面空白

Solution

vite 打包页面空白相关推荐

最新文章

热门文章