前端项⽬部署上线⼯作流程（虚拟机模拟，服务器同理）简介：本⽂主要是以在window10系统下安装虚拟机，然后通过nginx代理服务器将前端项⽬部署上线，此过程原理与在服务器上部署项⽬类似，只需要免去安装虚拟机等相关步骤即可。
（2）然后安装centos（⽤于启动虚拟机）：
c.在安装完成之后，开启此虚拟机时，如果报错：VMware提⽰此主机⽀持Intel VT-x，但Intel VT-x处于禁⽤状态；
d.此时可以重启电脑，然后再重启时进⼊bios界⾯，将Intel Virtualization Technology设置为Enable状态，表⽰开启，然后保存并退出bios界⾯；
e.如果安装了server with GUI，那么登录进⼊之后是图形化界⾯，如果想要切换到纯命令⾏界⾯，可以在界⾯⾥右键，进⼊终端，然后命令：systemctl set-default multi-user.target，然后重启就ok了，
f.如果是想要切换回图形化界⾯，那么输⼊命令systemctl set-default graphical.target，然后重启就ok了，
g.如果此时提⽰：Failed to set default target: Interactive authentication required，此时则输⼊命令：sudo systemctl set-default graphical.target，
h.此时或许会提⽰：xxx is not in the sudoers file. This incident will be reported，此时则切换到root⽤户下，输⼊：su，在输⼊⾃⼰设置的登录密码，
i.由于/etc/sudors⽂件默认是只读的，则需要给他添加写权限，添加写权限命令：chmod u+w /etc/sudoers，
j.然后编辑sudors⽂件，输⼊命令：vi /etc/sudors，在⽂件内容中到root ALL=(ALL) ALL，然后在其下⾯添加⼀⾏：你的⽤户名ALL=(ALL) ALL，
这⾥说下你可以sudoers添加下⾯四⾏中任意⼀条
youuser ALL=(ALL) ALL
%youuser ALL=(ALL) ALL
youuser ALL=(ALL) NOPASSWD: ALL
%youuser ALL=(ALL) NOPASSWD: ALL
第⼀⾏：允许⽤户youuser执⾏sudo命令(需要输⼊密码).
第⼆⾏：允许⽤户组youuser⾥⾯的⽤户执⾏sudo命令(需要输⼊密码).
第三⾏：允许⽤户youuser执⾏sudo命令，并且在执⾏的时候不输⼊密码.
第四⾏：允许⽤户组youuser⾥⾯的⽤户执⾏sudo命令，并且在执⾏的时候不输⼊密码.;
k.退出vi编辑模式，按esc推出insert插⼊模式，然后输⼊命令“:wq”退出
l.撤销sudoers⽂件得写权限，输⼊命令：chmod u-w /etc/sudoers；
m.重启虚拟机，输⼊命令：reboot。
（3）虚拟机启动好了之后，再安装nginx：；
a. 在安装nginx之前，需要先确定是否安装了gcc g++，可通过gcc -v查看相关信息，如果没有，则可通过命令： 先安装make：yum -y install gcc automake autoconf libtool make；再安装：yum install gcc gcc-c++；
b. 然后安装pcre 、pcre-devel，pcre是⼀个perl库，包括perl兼容的正则表达式库，nginx的http模块使⽤pcre来解析正则表达式，所以需要安装pcre库，安装命令：yum install -y pcre pcre-devel；
c. zlib库提供了很多种压缩和解压缩⽅式nginx使⽤zlib对http包的内容进⾏gzip，所以需要安装，安装命令：yum install -y zlib zlib-devel；
d. openssl是web安全通信的基⽯，没有openssl，可以说我们的信息都是在裸奔，安装命令： yum install -y openssl openssl-devel；
f. nginx安装成功之后，进⼊到nginx安装⽬录下得sbin下，/usr/local/nginx/sbin/，然后使⽤命令：./nginx启动nginx，重启命
令：./nginx -s reload；查看nginx进程命令： ps -ef | grep nginx；查看nginx配置⽂件是否准确命令：./nginx -t；
（4）同时也需要把git安装上，⽤于拉取远程仓库项⽬代码，使⽤命令：yum install git；安装完成后可以使⽤命令：git --version查看⼀下版本信息；
（6）此时基本的环境和⼯具都安装完成了，可以⾃⾏选择到⽬录下，创建⼀个项⽬⽂件夹，然后通过git下拉已存在的项⽬，然后进⼊项⽬⽬录下，使⽤npm安装项⽬相关依赖。然后如果需要打包操作，则进⼊配置⽂件查看打包命令执⾏打包操作。
（7）然后进⼊到nginx安装⽬录下，⽐如：cd /usr/local/nginx，使⽤此命令进⼊到⽬录下
（8）然后使⽤命令：cd conf 进⼊到nginx配置⽂件f，然后输⼊命令：f 进⼊编辑；
（9）具体配置信息根据项⽬实际需求⾃⾏配置，
（10）配置完成后，按Esc退出编辑状态，然后输⼊命令： :wq 保存并退出，然后重启nginx，即可在浏览器通过server_name+端⼝号进⾏访问，⽐如：st.dev，能够成功访问即表⽰部署成功。
备注：在使⽤云服务器进⾏项⽬部署时，可以免去虚拟机相关安装流程，直接根据实际情况下载安装各类依赖即可。
nginx部署前端项目
参考：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。