# 二级路径模式
二级路径模式为同一个域名下部署多个独立系统,并能独立访问。
eg:http://leave.glink.glkyun.com/glink-leave-second-way
glink-leave-second-way 为二级路径
下载地址:glink-project-web
启动命令:npm run dev:secondWay 即可本地调试二级路径模式
host 配置:
192.168.113.25 oidc.glink.glkyun.com
127.0.0.1 leave.glink.glkyun.com
# 前端主应用配置
更新最新平台私有化主应用框架
● env配置文件
# 根地址
VUE_APP_PUBLIC_PATH = 'glink-leave-second-way'
# 认证地址
VUE_APP_AUTH_URL = '/api/oauth2/authorization/glink-leave-second-way'
1
2
3
4
2
3
4
● vue.config.js添加本地调试代理
// 此为二级路径模式下网关代理
'/glink-leave-second-way/api/': {
target: API_TARGET,
changeOrigin: true,
pathRewrite: {
'^/glink-leave-second-way/api': ''
}
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# Nacos添加二级路径网关
可以和跟域名项目公用一个配置文件,只需修改回调地址和匹配名称即可
添加二级路径部署项目,只需修改加粗项
glink-project-leave:
provider: uaa
client-id: glink-project-leave
client-secret: xxx
authorization-grant-type: authorization_code
redirectUri: http://leave.glink.glkyun.com/api/login/oauth2/code/local
glink-leave-second-way:
provider: uaa
client-id: glink-project-leave
client-secret: xxx
authorization-grant-type: authorization_code
redirectUri: http://leave.glink.glkyun.com/glink-leave-second-way/api/login/oauth2/code/local
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
# 平台应用注册添加回调地址
前往平台应用注册,为client-id的应用添加额外回调地址(回调地址可添加多个)
服务器部署
执行完以上几项,本地就可以正常访问了。
接下来就是服务器部署需要进行的配置:
- 上传项目打包文件到服务器
- 修改nginx配置
#二级路径-网关代理
location /glink-leave-second-way/api/ {
proxy_set_header Host $host:$server_port;
proxy_set_header X-real-ip $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://saas-gateway-servers/;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Server $host;
proxy_hide_header X-Frame-Options;
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
}
# 二级路径-主应用部署
location /glink-leave-second-way {
alias /opt/saas/workplat-web/glink-project-leave-second-way;
index index.html index.htm;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
3.重启nginx
动态页面缓存 →