Vite打包后index.html空白问题及解决
更新时间：2026年07月01日 08:31:55 作者：阿Yao_
这段文章介绍了三种解决跨域问题的方法,包括修改vite.config.js文件配置base路径、使用LiveServer打开项目以及在dist文件夹中运行npm run preview,重点在于解决跨域问题并顺利启动项目
方法一
找到vite.config.js文件（没有就自己创建一个）
里面加上 base: "./",
export default defineConfig({
...,
...,
base: "./",//加上这句
...,
...
});
然后用 Live Server 打开
方法二
可能因为跨域，同源策略问题
用服务器打开 比如Live Server 打开
方法三
在打包好后的dist文件夹里运行终端（cmd）输入 npm run preview
npm run preview
官方文档中：
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在使用 Yarn 进行项目开发时,由于网络原因,直接使用官方源可能会导致下载速度慢或连接失败,配置国内源可以显著提高包的下载速度和稳定性,本文将详细介绍如何为 Yarn 配置国内源,需要的朋友可以参考下2025-04-04
学习Typescript通常是一个重新发现的过程。本文将总结几个技巧，帮助你充分发挥语言的潜力，感兴趣的小伙伴可以跟随小编一起学习一下2023-01-01
本文主要分享了Js数组返回去重后的数据的实例代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家详细介绍了小程序实现图片移动缩放效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
这篇文章主要介绍了微信小程序授权获取用户详细信息openid的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-09-09
本文通过实例代码给大家介绍了JS模拟超市简易收银台小程序代码，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-08-08
本文介绍了如何在微信小程序中使用TDesign组件库,包括初始化项目、安装组件库、配置项目文件、构建npm以及使用组件等步骤,感兴趣的朋友跟随小编一起看看吧2025-01-01
这篇文章主要介绍了electron 如何将任意资源打包的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
require.js配合插件text.js实现最简单的单页应用程序
这篇文章主要介绍了require.js配合插件text.js实现最简单的单页应用程序,需要的朋友可以参考下2016-07-07
这篇文章主要介绍了js中!和!!的区别与用法,js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值，需要的朋友可以参考下2020-05-05
最新评论