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

Logo

前往低代码交流专区

更多推荐