Vue 创建项目

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