nuxt项目部署后的nginx代理配置

柔光的暖阳◎ 2022-12-24 05:51 910阅读 0赞

关于nuxt部署参阅[https://blog.csdn.net/weixin\_36185028/article/details/106335681][https_blog.csdn.net_weixin_36185028_article_details_106335681]

**1，安装nginx**

**2，配置nginx**

在nginx中配置能在不同的设备自动定向到h5或pc页面

假设网站域名为xxx.com，nuxt启动后pm2的list中的pc端进程为xxxpc，package.json中端口运行端口为3011；h5端进程为xxxh5，package.json中端口运行端口为3012；网站访问端口为80

cd /etc/nginx/conf.d

新建xxx.conf

server {
            listen      801;
            server_name xxxpc;
            location / {
                    proxy_pass       http://127.0.0.1:3011/;
                    proxy_redirect default;
                    proxy_http_version 1.1;
                    proxy_set_header Host      $host;
                    proxy_set_header X-Real-IP $remote_addr;
            }
    }
    server {
            listen      802;
            server_name xxxh5;
            location / {
                    proxy_pass       http://127.0.0.1:3012/;
                    proxy_redirect default;
                    proxy_http_version 1.1;
                    proxy_set_header Host      $host;
                    proxy_set_header X-Real-IP $remote_addr;
            }
    }
    
    server {
            listen      80;
            server_name xxx.com;
            location / {
                    proxy_set_header X-Real-IP $remote_addr;        
                    proxy_pass  http://xxxpx:801/;
    
                    if ($http_user_agent ~ "(MIDP)|(WAP)|(UP.Browser)|(Smartphone)|(Obigo)|(Mobile)|(AU.Browser)|(wxd.Mms)|(WxdB.Browser)|(CLDC)|(UP.Link)|(KM.Browser)|(UCWEB)|(SEMC\-Browser)|(Mini)|(Symbian)|(Palm)|(Nokia)|(Panasonic)|(MOT\-)|(SonyEricsson)|(NEC\-)|(Alcatel)|(Ericsson)|(BENQ)|(BenQ)|(Amoisonic)|(Amoi\-)|(Capitel)|(PHILIPS)|(SAMSUNG)|(Lenovo)|(Mitsu)|(Motorola)|(SHARP)|(WAPPER)|(LG\-)|(LG/)|(EG900)|(CECT)|(Compal)|(kejian)|(Bird)|(BIRD)|(G900/V1.0)|(Arima)|(CTL)|(TDG)|(Daxian)|(DAXIAN)|(DBTEL)|(Eastcom)|(EASTCOM)|(PANTECH)|(Dopod)|(Haier)|(HAIER)|(KONKA)|(KEJIAN)|(LENOVO)|(Soutec)|(SOUTEC)|(SAGEM)|(SEC\-)|(SED\-)|(EMOL\-)|(INNO55)|(ZTE)|(iPhone)|(Android)|(Windows CE)|(Wget)|(Java)|(curl)|(Opera)") {
                            proxy_pass  http://xxxh5:802;
                    }
            }
    	location ^~ /static/ {
                    alias /home/webapp/xxx/upload/;
                    autoindex on;
            }
    }

**3，配置hosts**

vim /etc/hosts

添加：

127.0.0.1   xxxpc
    127.0.0.1   xxxh5

**4，重启nginx**

sudo systemctl restart nginx

[https_blog.csdn.net_weixin_36185028_article_details_106335681]: https://blog.csdn.net/weixin_36185028/article/details/106335681