vue nginxエージェントによるドメイン名バインド

2200 ワード

vueプロジェクトパッケージがオンラインになった後、nginxでドメイン名を指す方法は以下の通りです.
server {                                                                                              
    listen 80;                                                                                        
    server_name  www.xxx.com;  //                                                                
    root /root/www/;           //                                                              
    index index.html;                                                                                 
    location ~ ^/favicon\.ico$ {                                                                      
        root /www/www/;                                                              
    }                                                                                                 
                                                                                                      
    location / {                                                                                      
        try_files $uri $uri/ @fallback;                                                               
        index index.html;                                                                             
        proxy_set_header   Host             $host;                                                    
        proxy_set_header   X-Real-IP        $remote_addr;                                             
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;                               
        proxy_set_header   X-Forwarded-Proto  $scheme;                                                
    }                                                                                                 
    location @fallback {                                                                              
        rewrite ^.*$ /index.html break;                                                               
    }                                                                                                 
} 

構成が完了したらnginx-t問題がないかどうかを確認
nginxを再起動してドメイン名にアクセスし、これでnginxエージェントが成功したかどうかを確認します.