前端项目部署指南，前端项目打包上线

提示:``图片显示不出来，直接下载附件资源，vscode预览

1.图片显示不出来，直接下载附件资源，vscode预览

前端项目上线

【禹神：前端项目部署指南，前端项目打包上线】 https://www.bilibili.com/video/BV19n4y1d7Gr/?share_source=copy_web&vd_source=0d972628bab5f9802a113193ef83d04c

1.项目打包

1.项目打包
我们开发用的脚手架其实就是一个微型服务器，用于:支撑开发环境、运行代理服务器等。

打包完的文件中不存在:.vue,.jsx,.less等文件，而是:html、css、js等
打包后的文件，不再借助脚手架运行，而是需要部署到服务器上运行。
打包前，请务必梳理好前端项目的ajax封装(请求前缀、代理规则等)。

前端打包流程

后端打包流程

2.本地服务器部署

本地部署

本地部署完成后

1.cmd(控制台)-输入-ipconfig


2.在浏览器输入

3.nginx 服务器部署

自己下载
可以参考，有些命令不适用
笔记链接：https://zhuanlan.zhihu.com/p/668263971
nginx下载地址：https://nginx.org/en/download.html

管理 nginx 的常用命令

管理 nginx 的常用命令：
# 启动（后台）
start nginx

# 停止
nginx -s stop

# 重新加载配置
nginx -s reload

# 重新打开日志文件
nginx -s reopen

# 优雅停止（处理完当前请求）
nginx -s quit

4.云服务器部署

购买云服务器

绿色的表示链接成功

总结