centos下安装nginx并部署angular应用

2021-12-15 23:39:49

注意：直接yum安装的nginx有问题，不能直接安装，因为centos默认库里面没有nginx。如果安装过程中出现一些文件夹或者文件找不到的话，应该是你的nginx的版本没有安装对。最效率的办法是删除了安装正确的版本。

centos7下使用yum安装nginx并部署angular应用

1.进入root模式

安装过程涉及到文件写入，不废话直接进入root：

su root

2.安装依赖环境

nginx编译依赖gcc环境，其中的http模块使用pcre来解析正则表达式和地址重写等有关功能，nginx还会使用zlib对http包的内容进行gzip，以及支持https需要openssl。所以需要安装这四个：

yum install gcc-c++

yum install pcre pcre-devel

yum install zlib zlib-devel

yum install openssl openssl--devel

3.添加nginx的yum库

nginx并不在centos的默认库中，需要添加：

sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm

4.安装nginx

现在可以安装了：

sudo yum install -y nginx

nginx相关目录及功能

①.yum安装后的nginx目录结构
Nginx配置路径：/etc/nginx/
PID目录：/var/run/nginx.pid
错误日志：/var/log/nginx/error.log
访问日志：/var/log/nginx/access.log
默认站点目录：/usr/share/nginx/html
②.nginx的启动、停止与重启
nginx //启动nginx
nginx -s quit //停止nginx
nginx -s reload //重新载入配置文件

到第四步结束时nginx已经安装完毕，输入nginx启动命令后在浏览器输入本机地址就能看到欢迎页面，从第五步开始是部署angular项目的过程。

5.angular在build完之后会有一个index.html文件，这个文件在dist文件夹里面

我们要把angular build之后的dist文件夹放到上面提到的这个/usr/share/nginx/html站点目录中，然后在/etc/nginx/conf.d这个文件夹中进行配置。

①将dist文件移动到/usr/share/nginx/html中：

cp -r /run/media/zzu/NGX/dist/. /usr/share/nginx/html

②开放文件权限，因为过程中有对/usr/share/nginx/html的写入操作，所以我就直接将该文件夹递归解除所有权限

sudo chmod -R  /usr/share/nginx/html

③然后vim打开nginx配置文件

vi /etc/nginx/conf.d/default.conf

在location里面加入如下语句防止单页应用出现404资源未找到错误：

try_files $uri $uri/ /index.html;

配置的样例如下：

6.如果没有开启防火墙，开启防火墙

开启nginx默认使用的80端口：

firewall-cmd --permanent --zone=public --add-port=/tcp

重启防火墙使改动生效：

firewall-cmd –reload

6.启动nginx服务

开启nginx服务：

sudo systemctl start nginx.service

如果想设置开机启动的话再执行：

sudo systemctl enable nginx.service

7.nginx的卸载

yum remove nginx

关闭端口：

firewall-cmd --permanent --zone=public --remove-port=/tcp

8.为网站加上用户名密码验证

为了实现这个功能首先要安装httpd：

yum –y install httpd

设置用户名和密码，我们直接将加密的文件也放到nginx的默认目录里（后面的“wallee”是我起的用户名）：

tpasswd –c /etc/nginx/passwd.db wallee

进入存放密码的文件夹：

cd etc/nginx

查看一下加密后的密码：

cat passwd.db

配置default.conf（同样加在Location部分）：

auth_basic “enter you name and password”;

auth_basic_user_file /etc/nginx/passwd.db;

然后重启nginx即可看到效果；

以上大部分内容都是摘抄自https://blog.csdn.net/ren19950410/article/details/81871977，根据我自己的实际情况做了一些删减和改变，如果原作者不同意，请联系我删除相关内容。

码农公寓