欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

私服centos7.5配置nginx 用于前后端分离项目(vue+springboot前后端分离部署)

程序员文章站 2022-06-13 19:12:23
...

私服centos7.5配置nginx 用于前后端分离项目


公司自己配置的服务器,是在自己机房里面,配置nginx跟阿里云上比配置Nginx有更多坑。以下的坑本人爬了两天,写个笔记出来,方便下次配置。

一、安装

1、安装ngnix一些依赖包

[[email protected] local]# yum -y install gcc gcc-c++ openssl-devel pcre-devel httpd-tools

2、从官网下载nginx二进制包解压
进入到 cd /usr/local/ 我是安装在这里的

[[email protected] local]# wget http://nginx.org/download/nginx-1.16.1.tar.gz
[[email protected] local]# tar -zxf nginx-1.16.1.tar.gz

3、执行配置文件,指定需要的模块
[[email protected] nginx-1.16.1]# useradd nginx (这里可能有坑,如果有问题,看目录 二 nginx.conf )

[[email protected] nginx-1.16.1]# ./configure --prefix=/usr/local/nginx --user=nginx --group=nginx --with-http_ssl_module --with-http_mp4_module --with-http_flv_module

4、执行编译和安装

[[email protected] nginx-1.16.1]# make && make install

5、发配软链接

[[email protected] nginx-1.16.1]# ln -s /usr/local/nginx/sbin/nginx /usr/sbin

6、启动nginx

[[email protected] nginx-1.16.1]# nginx

7、查看nginx占用的端口

[[email protected] nginx-1.16.1]# netstat -anptu | grep nginx

二 配置 nginx.conf

重点:
下面两个操作很重要,就是在这里卡了一天。
下面两个操作的说明:进入到 cd usr/local/nginx 输入命令: sudo su #nginx获得最高权限,不然查看nginx日志,可能会出现failed (13: Permission denied)错误,这是个权限问题,通过运行此命令,使nginx获取最高权限,再就是 把nginx.conf中的第一行改为 user root;
[[email protected] nginx]# sudo su
[[email protected] nginx]# vim nginx.conf 把nginx.conf中的第一行改为 user root;

user root;
#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
#pid        logs/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;


    sendfile        on;
    #tcp_nopush     on;
    #keepalive_timeout  0;
    keepalive_timeout  65;
    #gzip  on;

    server {
        listen       8089;
        server_name  localhost;

        #charset koi8-r;
        #access_log  logs/host.access.log  main;

        location / {
            root   /root/onlinecar/onlinecar-frontend/dist;   #vue前端项目打包后放在这里
            index  index.html index.htm;                      #这个index.html  是上面dist目录下的index.html
        }

 location ^~ /onlinecarback/ {
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;            #通过nginx传递真实Ip
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

            proxy_pass http://192.168.0.239:9091/onlinecarback/;   #后端服务接口地址         
             }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }  
    }

}

可能有的地方说法有错误,欢迎大家一起指正,一起进步。记录第一次失误。