Nginx 部署前端项目

1. 安装nginx服务器

nginx官网
https://nginx.org/en/download.html
nginx下载地址
https://nginx.org/download/nginx-1.22.1.tar.gz

# 在/root目录建立service文件夹
mkdir service

# 进入service目录
cd service

# 在服务器上进行下载
curl -o nginx-1.22.1.tar.gz https://nginx.org/download/nginx-1.22.1.tar.gz

# 解压
tar -zxvf nginx-1.22.1.tar.gz

# 进入nginx目录
cd nginx-1.22.1

# 安装nginx需要的环境
yum install pcre pcre-devel -y
yum install openssl openssl-devel -y
yum -y install gcc-c++

# 检查配置文件
#配置HTTPS时使用
./configure --with-http_ssl_module
#配置GOLANG语言时使用
./configure --with-http_v2_module
#启用TCP/UDP代理时使用
./configure --with-stream

# 编译
make

# 安装
make install

# 配置全局环境变量
vim /etc/profile
#在最后一行添加:(shift+g 定位到最后一行，按 o 在最后一行插入）
export PATH=$PATH:/usr/local/nginx/sbin
#按esc进入命令模式，:wq保存文件，退出vim

# 使文件生效
source /etc/profile

# 启动 nginx
nginx

# 查看启动情况
netstat -ntlp

# 如果修改了nginx的配置，需要执行以下指令，才能生效
nginx -s reload

成功启动！！！

2. 部署前端项目

在service目录下为项目创建一个文件夹user-center-front

将项目打包后的dist中的所有文件上传至这个文件夹下

修改/usr/local/nginx/conf目录下的nginx.conf文件在相应的位置写上项目所在的目录

server {
	listen 			80;
	server_name  	localhost;

	location / {
		root 	/root/service/user-center-front/;
		index	index.html index.htm;
	}
}

保存文件后，执行 nginx -s reload

3.小bug

现在已经可以通过浏览器用ip地址去访问项目了

但是，

结果总是出人意料

403 Forbidden

使用命令查看一下

netstat -ntlp
ps -ef|grep 'nginx'

重新修改/usr/local/nginx/conf目录下的nginx.conf文件

在第一行的位置

取消注释，把nobody改为root

保存文件后，执行 nginx -s reload

用浏览器输入服务器ip，成功！！！！！