nginx路径跳转 访问不同vue项目

现已搭建两个vue项目分别为项目A和项目B；
两个项目的ip地址是：

http://192.168.1.1:10123;
http://192.168.1.1:10124;

想在一个域名中通过路径修改实现不同项目的跳转；例如输入/foo/ 对应第一个项目，/bar/对应第二个项目。

nginx配置如下：

server {
      listen       9000;
      server_name  localhost;
	
       location /foo/ {			
			proxy_pass  http://192.168.1.1:10123/;
       }
		location /bar/ {
			proxy_pass  http://192.168.1.1:10124/;
		}
 }

注意 location 路径的写法和proxy_pass服务器地址的路径

1、proxy_pass服务器地址有无 /
有 /
访问地址为 http://192.168.1.1:10123/
无 /
访问地址为http://192.168.1.1:10123/foo/
2、location 有无 ~
有~
属于正则匹配，有~时，proxy_pass最后不能有/
无~
proxy_pass 最后可以有/

**报错 unexpected token < **
去掉 location ~/foo/ {} 中的 波浪线 ~