Vite打包后index.html空白问题及解决

2026-07-01 08:31:56 作者：阿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

官方文档中：

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。