nginx 同一域名下，多静态项目部署

Question

1. 使用nginx部署多个静态项目,通过location 来指向不同的项目

参考网上的配置:

server {
    listen       9980;
    server_name  mobile.test.icl.com;
    root /home/dev/it-cloud-lab;

    # 移动端
    location /mobile {
       try_files $uri $uri/ /www-mobile-client-phone/dist/index.html;
    }

    # ipad端
    location  /ipad {
       try_files $uri $uri/ /www-mobile-client-ipad/dist/index.html;
    }
}

却不能正常显示页面内容

Answer 1

upstream myserver{
    server XXXXXXXX; //你的公网ip，有端口就+上端口
}

server {
listen 80;//根据你自己的需要设置
server_name  XXXXXXXX;//你的域名
location / {
    proxy_pass http://myserver;//对应上面的upstream
}

location /XXX{ //网页路径，根据输入自己填写

    //存放静态网页的路径,根据你的存放路径，自己填写。例如：我的html文件存放在
    //root/home/market/dist的文件下
    alias /home/market/dist;
    
    //如果你的html文件名是index.html，就输入index index.html index.hml,
    //若改了名字就写到下面XXX处。
    index XXX.html XXX.hml; 
}
location /xxx{
    alias /xxx/xxx;
    index xxx.html xxx.hml;
}

Answer 2

去掉中间的$uri/，你又没配置/的情况。

server {
    listen       9980;
    server_name  mobile.test.icl.com;
    root /home/dev/it-cloud-lab;

    # 移动端
    location /mobile {
       try_files $uri /www-mobile-client-phone/dist/index.html;
    }

    # ipad端
    location  /ipad {
       try_files $uri /www-mobile-client-ipad/dist/index.html;
    }
}