Nginx 部署前端项目

1. 安装nginx服务器

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

# 在/root目录建立service文件夹mkdirservice# 进入service目录cdservice# 在服务器上进行下载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 -yinstall gcc-c++

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

# 编译make# 安装makeinstall# 配置全局环境变量vim /etc/profile
#在最后一行添加:(shift+g 定位到最后一行，按 o 在最后一行插入）exportPATH=$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-ntlpps -ef|grep'nginx'

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

在第一行的位置

取消注释，把nobody改为root

保存文件后，执行

nginx -s reload

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