Vite打包后的dist不能直接在浏览器打开吗_vue打包dist文件可直接浏览器打开吗

不能

原因

Vite 本身依赖于原生ES模块来做模块加载，而原生ES模块是不支持 file:// 本地访问的。

解决办法

方案一：使用http-server插件启动

1.安装node.js；（已安装跳过）

2.安装http-server。

npm install http-server -g

或

yarn global add http-server

3、进入dist根目录执行启动项目

http-server

方案二：使用nginx启动

1、把dist拷贝至nginx的html目录下（其他目录也行，需在nginx里配置root）；

2、配置nginx.conf

 3、保存并启动nginx，访问http://127.0.0.1:3000即可。

（完）