vue nginx 代理实现域名绑定

122 阅读 0 评论 81 点赞

我是靠谱客的博主复杂钢铁侠，这篇文章主要介绍vue nginx 代理实现域名绑定，现在分享给大家，希望可以做个参考。

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;                                                               
    }                                                                                                 
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
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;                                                               
    }                                                                                                 
}