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

配置完成以后 nginx -t 查看是否有问题 没有问题

重启nginx 访问你的域名查看是否成功 至此nginx 代理成功

最后

以上就是复杂钢铁侠为你收集整理的vue nginx 代理实现域名绑定的全部内容，希望文章能够帮你解决vue nginx 代理实现域名绑定所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。