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