Nginx（サーバー）へのVueプロジェクト構成

1つは、Nginxのインストールです

1.インストールコマンド

sudo apt-get update				# 先更新一下资源``
sudo apt-get install nginx		# 安装nginx

2.Nginxのバージョンを確認します

ubuntu@VM-0-11-ubuntu:~$ nginx -v
nginx version: nginx/1.14.0 (Ubuntu)	# 说明Nginx安装成功
ubuntu@VM-0-11-ubuntu:~$ 

2、Nginx構成

Nginx構成ディレクトリがわからない場合は、それを見てください1、。

1.Nginxに関連するディレクトリを表示する

whereis nginx 				# 显示所有匹配nginx的目录路径

nginx: 
/usr/sbin/nginx 			# nginx的程序目录（类似安装目录吧）
/usr/lib/nginx 				# 有lib，就知道是nginx的库
/etc/nginx 					# 配置文件目录
/usr/share/nginx 
/usr/share/man/man8/nginx.8.gz	# 应该是nginx的使用（man）手册目录

2.Nginx構成ディレクトリに入ります

ubuntu@VM-0-11-ubuntu:~$ cd /etc/nginx/
ubuntu@VM-0-11-ubuntu:/etc/nginx$ ls
conf.d          koi-utf     modules-available  nginx.conf_backup  sites-available  uwsgi_params
fastcgi.conf    koi-win     modules-enabled    proxy_params       sites-enabled    vhosts.d
fastcgi_params  mime.types  nginx.conf         scgi_params        snippets         win-utf
ubuntu@VM-0-11-ubuntu:/etc/nginx$

nginx.confファイル（Vue to Nginx構成ファイル）を見ることができます

3.安全を確保するために、最初にnginx.confファイルをバックアップしてください

cp nginx.conf nginx.conf_backup

4.構成ファイルの変更を開始します

sudo vi nginx.conf		# 内容如下

user www-data;
worker_processes auto;
pid /run/nginx.pid;
include /etc/nginx/modules-enabled/*.conf;

events {
    
    
        worker_connections 768;
}

http {
    
    
        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;
        keepalive_timeout 65;
        types_hash_max_size 2048;

        include /etc/nginx/mime.types;
        default_type application/octet-stream;

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
        ssl_prefer_server_ciphers on;
        
        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;

        gzip on;

        include /etc/nginx/conf.d/*.conf;
        include /etc/nginx/sites-enabled/*;

        server{
    
    
                listen       80;               # 你的服务的端口号
                server_name  localhost;
                root /var/www/dist;			   # 指定项目路径

                location / {
    
    
                        proxy_pass http://121.4.120.27:8081;
                }
                
                location @router {
    
    
                    rewrite ^.*$ /index.html break;                   # break参数不报错不改
                }

                error_page   500 502 503 504  /50x.html;
        }
}

4.1、注意が必要な事項

上の図に示すように、最初のnginx.confファイルには通常serverこのセクションがなく、それ自体で構成する必要があります（ある場合は、より適切であり、多くのコードを入力します）。これは、Nginxサーバーを初めて構成するときに変更する必要がある場所serverです。次に、の設定方法を詳しく説明しますserver。

5.各パラメータの機能の説明

リッスンパラメータ

listen       80; 

これはあなたのサービスのポート番号です。言うまでもありません！私たちがよく使うのは8080，8081，8088、ポートを待つことです。

server_nameパラメーター

server_name  localhost;

たくさん書きましょう、最近怠け者です[顔を覆って] ...