nginx部署前端代码到linux系统

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39142498/article/details/95235317

最简单最高效的部署前端代码在这里,都看一看瞧一瞧了~

 

准备工作:

一、拥有一台linux服务器

二、linux服务器安装nginx

三、配置nginx.conf

四、上传本地写好的前端代码

五、重启nginx并访问前端页面

 

一、

准备一台linux服务器,配置无要求

 

二、安装nginx

环境部署

安装 nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境

yum install gcc-c++

 

nginx 的 http 模块使用 pcre 来解析正则表达式,所以需要在 linux 上安装 pcre 库,pcre-devel 是使用 pcre 开发的一个二次开发库。nginx也需要此库:

yum install -y pcre pcre-devel

 

zlib 库提供了很多种压缩和解压缩的方式, nginx 使用 zlib 对 http 包的内容进行 gzip ,所以需要在 Centos 上安装 zlib 库。

yum install -y zlib zlib-devel

 

OpenSSL 是一个强大的安全套接字层密码库,囊括主要的密码算法、常用的密钥和证书封装管理功能及 SSL 协议,并提供丰富的应用程序供测试或其它目的使用。

nginx 不仅支持 http 协议,还支持 https(即在ssl协议上传输http),所以需要在 Centos 安装 OpenSSL 库。

yum install -y openssl openssl-devel

 

下载安装

下载

wget -c https://nginx.org/download/nginx-1.10.1.tar.gz

 

解压

tar -zxvf nginx-1.10.1.tar.gz

cd nginx-1.10.1

 

配置

./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module

 

编译安装

make

make install

 

查找安装路径:

whereis nginx

基本命令

启动、停止nginx

需要进入nginx安装目录下/usr/local/nginx/sbin进行启动

cd /usr/local/nginx/sbin/

./nginx

./nginx -s stop

./nginx -s quit

./nginx -s reload

./nginx -s quit:此方式停止步骤是待nginx进程处理任务完毕进行停止。

./nginx -s stop:此方式相当于先查出nginx进程id再使用kill命令强制杀掉进程。

 

查询nginx进程:

ps aux|grep nginx

 

重启 nginx

1.先停止再启动(推荐):

对 nginx 进行重启相当于先停止再启动,即先执行停止命令再执行启动命令。如下:

./nginx -s quit

./nginx

2.重新加载配置文件:

当 ngin x的配置文件 nginx.conf 修改后,要想让配置生效需要重启 nginx,使用-s reload不用先停止 ngin x再启动 nginx 即可将配置信息在 nginx 中生效,如下:

./nginx -s reload

启动成功后,在浏览器可以欢迎界面

 

开机自启动

或者设置nginx服务

创建文件

ln /usr/lib/systemd/system/nginx.service

内容如下

[Unit]

Description=nginx - high performance web server

After=network.target remote-fs.target nss-lookup.target

 

[Service]

Type=forking

ExecStart=/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

ExecReload=/usr/local/nginx/sbin/nginx -s reload

ExecStop=/usr/local/nginx/sbin/nginx -s stop

 

[Install]

WantedBy=multi-user.target

 

以754的权限保存在目录

设置开机启动

systemctl enable nginx.service

#启动nginx服务

systemctl start nginx.service

#停止nginx服务

systemctl stop nginx.service

#重启nginx服务

systemctl restart nginx.service

#重新读取nginx配置(这个最常用, 不用停止nginx服务就能使修改的配置生效)

到这里相信大家都已经安装完nginx并已启动

 

三、配置nginx.conf

进入nginx下的conf目录

输入 vim nginx.conf命令

点击键盘“i”编辑模式

编辑server中root后面的内容,此路径自己设定,也就是上传代码到服务器的路径

 

点击esc退出,命令框输入“:wq”保存并退出

 

四、上传本地写好的前端代码

安装上传文件压缩、解压包

上传文件安装命令:

yum provides */rz

解压压缩包安装命令:

yum install -y unzip zip

 

都安装完后输入rz

 

弹出框,选择本地的前端项目压缩包到前面配置的路径下

上传成功,输入unzip www_project.zip解压

 

五、重启nginx并访问前端页面

进入nginx的sbin目录下输入重启命令

./nginx -s reload

 

没报错即可

最后一步,验证部署完的前端项目

 

输入公网ip+访问地址

如:http://服务器ip地址/html/index.html

访问成功

 

注:只要目录没改变,只是改动了代码,上传即可,无需重启nginx

也可以配置多个server服务,前提是一个服务对应一个端口号,一个端口号只能监听一个服务器,所以配置多个端口号需要进入阿里云后台安全组中自己去添加

图片未加载成功,需要对应图片的访问以下链接

文档:nginx部署前端代码到linux系统.note
链接:http://note.youdao.com/noteshare?id=9ea50f99523308c2d54cd8302b9a039b&sub=91854B6CE1DE4FFBBD7E95F0604F3F66

 

PS:各文档教程如下

Nginx的启动、停止、重启

https://www.cnblogs.com/codingcloud/p/5095066.html

linux安装zip、unzip

https://blog.csdn.net/kkw1992/article/details/79730982

linux上传文件教程

https://www.cnblogs.com/shixf/p/7923276.html

 

展开阅读全文

没有更多推荐了,返回首页