请描述 Vue 项目的部署流程，包括构建与打包、服务器配置、环境变量处理、以及常见问题排查这几个方面。

回答思路

1. 【回答框架 1】Vue项目的部署首先需要执行构建命令，如npm run build，生成dist目录。构建过程会进行代码压缩、资源合并和文件指纹生成。
2. 【回答框架 2】构建产物需要部署到Web服务器，如Nginx、Apache或Node.js服务器。需配置服务器根目录指向dist目录，并处理history路由模式的回退，例如Nginx的try_files指令。
3. 【回答框架 3】环境变量管理：通过.env文件或构建时传入的环境变量来区分开发、测试、生产环境，确保API地址等配置正确。
4. 【回答框架 4】静态资源路径配置：如果项目部署在子路径下，需设置publicPath或base选项，否则资源加载404。
5. 【回答框架 5】常见问题排查：检查服务器日志、资源路径、缓存策略、权限设置，以及跨域问题（如用Nginx反向代理解决）。
6. 【关键点 1】构建命令生成dist目录，是部署的源头。
7. 【关键点 2】服务器需配置history路由回退到index.html。
8. 【关键点 3】环境变量在构建时注入，需注意不同环境的配置。
9. 【关键点 4】子路径部署需调整publicPath或base。
10. 【关键点 5】跨域可通过Nginx反向代理解决。
11. 【易错点 1】history路由下刷新404，未配置try_files。
12. 【易错点 2】构建后资源路径错误，未设置publicPath。
13. 【易错点 3】环境变量未在构建时生效，导致生产环境API错误。