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 代理成功