nginx代理

后端java代码

@RestController
public class webController {

    @GetMapping("/index")
    public  String GetHello()
    {
        return "Hello Huangyan";
    }

    @GetMapping("/api/index")
    public  String GetApi()
    {
        return "Hello api";
    }

    @GetMapping("/demo")
    public  String Getdemo()
    {
        return "Hello demo";
    }
}

nginx代理设置

 server {
        listen       8080;
        server_name  localhost;

        location / {
            root   html\vuetest\dist;
            index  index.html index.htm;
        }

        location /admin{        #当代码存在admin时，进行下面匹配
        rewrite ^.+admin/?(.*)$ /$1 break;    
        include uwsgi_params;    
        proxy_pass http://localhost:5000; 
   
           #原地址：http://localhost:8080/admin----》http://localhost:5000

        }


        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

前端js代码

ff(){
      axiso.get("/index").then(Response=>(
            //该地址无效 因为不含demo字符，所以不匹配
        console.log(Response)
      )).catch(function(error){
        console.log(error)
      })
    },


    kk(){
      axiso.get("/admin/index").then(Response=>(
        //原地址http://localhost:8080/admin/index ---> http://localhost:5000/index
        console.log(Response)
      )).catch(function(error){
        console.log(error)
      })
    },
    qq(){
      axiso.get("/admin/api/index").then(Response=>(

        //原地址http://localhost:8080/admin/api/index ---> http://localhost:5000/api/index
        console.log(Response)
      )).catch(function(error){
        console.log(error)
      })
    },
    zz(){
      axiso.get("/admin/demo").then(Response=>(

        //原地址http://localhost:8080/admin/demo ---> http://localhost:5000/demo
        console.log(Response)
      )).catch(function(error){
        console.log(error)
      })
    }