用 vite 创建 vue 项目
1. 打开 VScode ， 通过命令创建项目
yarn create vite chat-site --template vue
QQ截图20230226110036.png
2. 启动项目
yarn install
yarn dev
QQ截图20230226110724.png
打包
1. 命令打包
yarn run build
QQ截图20230226130505.png
2. 打开打包好的文件
-
浏览器打开
QQ截图20230226130649.png -
空白页面
QQ截图20230226130816.png -
在 vite.config.js 中 添加 base:'./'
QQ截图20230226140754.png -
修改 src/index.html 文件 ./vite.svg 、 ./src/main.js
QQ截图20230226140908.png -
重新打包，发布到 nginx 上即可看到效果（本地打开肯定空白）
QQ截图20230226141245.png 怎么部署 nginx 可以参考我其它日志
