前端项目部署上线工作流程（虚拟机模拟，服务器同理）

最新推荐文章于 2023-11-01 22:04:55 发布

那就这样吧ljh

最新推荐文章于 2023-11-01 22:04:55 发布

阅读量3.4k

点赞数 1

文章标签： linux centos nginx

本文链接：https://blog.csdn.net/qq_40041471/article/details/107905916

版权

简介：本文主要是以在window10系统下安装虚拟机，然后通过nginx代理服务器将前端项目部署上线，此过程原理与在服务器上部署项目类似，只需要免去安装虚拟机等相关步骤即可。

（1）首先安装虚拟机：https://www.vmware.com/cn/products/workstation-pro/workstation-pro-evaluation.html；

a.安装教程可见其他大佬链接内容：https://blog.csdn.net/ychgyyn/article/details/84305874

（2）然后安装centos（用于启动虚拟机）：

a.下载地址：http://mirrors.aliyun.com/centos/7.8.2003/isos/x86_64/CentOS-7-x86_64-DVD-2003.iso

b.安装centos的教程可见其他大佬链接内容：https://www.runoob.com/w3cnote/vmware-install-centos7.html

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；

e. 此时需要安装的依赖项就差不多了，接下来安装nginx。首先下载nginx安装包，，进入到src目录，命令：cd /usr/local/src ，命令：wget http://nginx.org/download/nginx-1.19.1.tar.gz，然后解压：tar - zxvf nginx-1.19.1.tar.gz，然后进入到nginx目录：cd nginx-1.19.1，然后输入命令：./configure，然后make，再make install。

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查看一下版本信息；

（5）另外还需要安装node，用于打包使用，此时可以直接按安装nvm来管理node，此方式可同时安装多个版本node，并可快速进行切换，首先输入命令：wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.31.6/install.sh | bash获取到，然后输入命令：source ~/.bashrc；最后输入命令：command -v nvm，如果此时输出了“nvm”，则表示安装成功了；此时可以使用命令：nvm ls-remote查看当前可供安装的所有nodejs版本；使用命令：nvm list，可以查看当前自己已经安装的版本号；使用命令：nvm install 版本号，可以安装指定版本nodejs；