前端项目--配置上下文

参考“tomcat启动前端项目”：https://www.cnblogs.com/mySummer/p/11167224.html   配置前端项目访问的上下文：方法如下：

 

 

 配置完成之后，打dist包：

 

 

 

 

 

 然后配置nginx：

server {
        listen       8089;
        server_name  localhost;

    location /testTom/apis/ {　　//如果前端中访问后台是/apis/后台访问路径,则这里配置：/apis/。  如果前端中访问后台是/testTom/apis/，则这里配：/testTom/apis/
　　　　　　　　　　　　　　　　　　　　　　//代理结果：浏览器ip:port加上location后面的这个配置值====》替换成===》proxy_pass的值
            proxy_pass http://localhost:8088/后台项目的context-path/;
        }
        
    location / {　　//此时访问ip:port/testTome/能访问项目根目录
            root   D:\xxx\front;
        }
  
}

效果：

前端ip:port/testTom/#/前端路径，比如：localhost:8089/testTom/#/shouye   访问vue首页

前端ip:port/testTom/apis/后台具体controller访问路径，比如:localhost:8089/testTom/apis/testCon/testQuery。这个访问等同于===后台ip:port/后台项目上下文/后台具体controller访问路径，比如：localhost:8080/studydemo/testCon/testQuery