1.前言
本文章展示的是以阿里云服务器做出展示，系统版本是阿里云Alibaba Cloud Linux 3.2104 LTS 64位。
2.打包CSR的前端项目
使用打包命令将前端项目进行打包为编译后的源代码文件。
3.将源代码文件上传到服务器
在这里作者使用VsCode提供的连接服务器的工具Remote-SSH
去商店搜索并进行安装
进行连接服务器
会在顶部弹出一个输入框，输入ip地址后再输入密码即可
然后打开你需要上传的文件所在文件夹
直接将文件夹拖动进目录即可
这样就完成了将项目文件上传到root目录
4.安装nginx
由于作者采用的系统是阿里云Alibaba Cloud Linux 3.2104 LTS 64位，是内置了dnf包管理文具的，如果你使用的系统是centos8及以上也可以进行使用，但是centos7默认采用的就是yum，作者个人观点，dnf作为yum的升级版本，还是比较好用的，建议进行下载使用。
先进行搜索dnf search nginx
第二步进行下载 dnf install nginx
输入y即可
第三步进行启动nginx systemctl start nginx
第四步查看nginx运行状态 systemctl status nginx
如果访问80端口出现nginx页面就是nginx启动成功了，如果访问失败，很有可能是服务器防火墙的问题，去关掉80端口的防火墙即可
5.配置nginx
其实完全可以新建一个linux用户，给予其访问源代码文件的权限，但是这里作者直接使用root用户了
nginx的配置文件在/etc/nginx中
在vscode中右击已经连接好服务器的窗口的资源管理器，点击将文件夹添加到工作区
会出现一个弹框在顶部，输入/etc/nginx，回车输入密码即可
进入nginx.conf进行配置
自此就可以通过服务器进行访问CSR类型的前端项目了，完成了前端项目单机部署，喜欢请点赞，若有不对之处欢迎大佬点评。
————————————————
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
