Can't the dist packaged by vite be opened directly in the browser

You can't

reason

Vite It depends on itself Native ES modular To do module loading , And the original ES Module is not supported file:// Locally accessible .

terms of settlement

Scheme 1 ： Use http-server Plug in Launch

1. install node.js;（ Installed, skipping ）

2. install http-server.

npm install http-server -g

or

yarn global add http-server

3、 Get into dist The root directory executes the startup project

http-server

Option two ： Use nginx start-up

1、 hold dist Copy to nginx Of html Under the table of contents （ Other directories will do , Need to be in nginx Internal configuration root）;

2、 To configure nginx.conf

 3、 Save and start nginx, visit http://127.0.0.1:3000 that will do .

（ End ）