用 vite 创建 vue 项目
1. 打开 VScode , 通过命令创建项目
yarn create vite chat-site --template vue

2. 启动项目
yarn install
yarn dev

打包
1. 命令打包
yarn run build

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 可以参考我其它日志
网友评论