使用MobaXterm发布前端代码到服务器，配置nginx反向代理

一、MobaXterm官网

💡 官网链接：MobaXterm Xserver with SSH, telnet, RDP, VNC and X11 - Download

        选择free版本即可

二、SSH远程连接

将下载的包解压缩，运行内部的MobaXterm.exe程序；

输入服务器地址、用户权限（一般为root）、端口号

三、nginx配置（一般路径为：xxxx/conf/nginx.conf）

1、 参考配置：

nginx.conf配置文件大体框架

具体文件配置

server里的location配置规则

2、默认配置如下：

// 设置worker进程的用户，指的linux中的用户，会涉及到nginx操作目录或文件的一些权限，默认为nobody
#user  nobody;
// worker进程工作数设置，一般来说CPU有几个，就设置几个，或者设置为N-1也行
worker_processes  1;

// nginx 日志级别debug | info | notice | warn | error | crit | alert | emerg，错误级别从左到右越来越大
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

// 设置nginx进程 pid
#pid        logs/nginx.pid;
 
// 设置工作模式
events {
    // 每个worker允许连接的客户端最大连接数
    worker_connections  1024;
}
 
// http 是指令块，针对http网络传输的一些指令配置
http {
  	// include 引入外部配置，提高可读性，避免单个配置文件过大 
    include       mime.types;
    default_type  application/octet-stream;

    // 设定日志格式，main为定义的格式名称，如此 access_log 就可以直接使用这个变量了
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';
 
    #access_log  logs/access.log  main;
 
    sendfile        on;
    #tcp_nopush     on;

    // keepalive_timeout设置客户端与服务端请求的超时时间，保证客户端多次请求的时候不会重复建立新的连接，节约资源损耗。
    #keepalive_timeout  0;
    keepalive_timeout  65;
 
    #gzip  on;

    /*
      server 虚拟主机的配置，可以在http指令块中设置多个
      listen 监听端口
      server_name localhost、ip、域名
      location 请求路由映射，匹配拦截
      root 请求位置
      index 首页设置
    */
    server {
        listen       80;
        server_name  localhost;
 
 
 
        location / {
            root   html;
            index  index.html index.htm;
        }
 
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
 
 
    }
 
 
    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;
 
    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
 
 
    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;
 
    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;
 
    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;
 
    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;
 
    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
 
}

3、具体示例：

参考：反向代理配置

server {
  listen 8081;   //
  server_name 88.99.88.89;

  location / {
    root /abc/nginx/dist;    // 这里就是dist文件放置的具体位置
    autoindex off;
    break;
  }
}

四、导入前端dist包（放到nginx.conf配置文件中，root指定的路径下）

查看项目目录：

最好是上传dist压缩包 因为直接上传dist文件夹内部太多上传很慢

上传dist压缩包之后可以通过命令解压：unzip dist.zip

五、问题汇总

💡 查看报错日志，发现【 Permission denied 】报错

报错日志：一般目录为 /logs/error.log （通过cat error.log 命令查看）

open() "/var/temp/nginx/fastcgi/1/24/0000000241" failed (13: Permission denied) while reading upstream, client: 113.89.32.197, server: api2.smty8.com, request: "POST /match/list HTTP/1.1", upstream: "fastcgi://127.0.0.1:9000", host: "api2.smty8.com"

解决办法：参考文章

六、ssh常用命令

• 修改完配置文件，使其生效：nginx -s reload
• 停止nginx：nginx -s stop
• 解压zip文件：unzip dist.zip   （以 dist.zip 为例）
• 进入目录：cd xxx
• 查看目录文件列表：ls -l
• 查看文件详情：cat error.log        （以 error.log 为例）
• 编辑文件：vi error.log       （以 error.log 为例）
• 退出编辑：输入:wq