nginx路径跳转 访问不同vue项目
现已搭建两个vue项目分别为项目A和项目B;两个项目的ip地址是:http://192.168.1.1:10123;http://192.168.1.1:10124;想在一个域名中通过路径修改实现不同项目的跳转;例如输入/foo/ 对应第一个项目,/bar/对应第二个项目。nginx配置如下:server {listen9000;server_namelocalhost;location /foo
·
现已搭建两个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/ {}
中的 波浪线 ~
更多推荐
已为社区贡献2条内容
所有评论(0)