AngularSSR(通用)网站无法与keycloak-js适配器和keycloak-angular插件配合使用。
创始人
2024-10-29 16:30:33
0
  1. 首先,确保keycloak-js适配器和keycloak-angular插件已正确安装和配置。
  2. 在SSR应用程序的server.ts文件中添加以下代码来解决此问题:

import 'zone.js/dist/zone-node'; // 包括这一行

import { ngExpressEngine } from '@nguniversal/express-engine'; import { Request, Response } from 'express';

// 包括以下代码 (global as any).WebSocket = require('ws'); (global as any).XMLHttpRequest = require('xhr2');

// 这里是 express app const app = express();

app.engine('html', ngExpressEngine({ bootstrap: AppServerModuleNgFactory, }));

app.set('view engine', 'html'); app.set('views', __dirname);

// 初始化 keycloak-angular 插件 app.use(keycloak.middleware({ ... // 配置对应的url // 例如:url: 'http://localhost/auth', ... }));

app.use(express.static(${__dirname}/static, { index: false }));

app.get('.', express.static(${__dirname}/static, { maxAge: '1y' }));

// 渲染页面及传递 keycloak 的信息 app.get('*', (req: Request, res: Response) => { res.render('index', { req, res, providers: [ // 同上,也应该配置 keycloak ... ] }); });

// 监听本地端口,默认为 4000 app.listen(process.env.PORT || 4000, () => { console.log('Server listening'); });

  1. 将上述代码中的“...”处替换为相应的keycloak配置信息,例如keycloak的url。这将确保在SSR渲染页面时,keycloak插件能够正确地与后端进行通信,以检索相关信息。

相关内容

热门资讯

十分钟了解!都莱大菠萝怎么包赢... 十分钟了解!都莱大菠萝怎么包赢!一贯一直都是有辅助教程(有挂分享)-哔哩哔哩1、都莱大菠萝怎么包赢破...
第一分钟了解!海盗来了刷能量辅... 第一分钟了解!海盗来了刷能量辅助!原来一直都是有辅助方法(有挂方针)-哔哩哔哩1)海盗来了刷能量辅助...
四分钟了解!星悦山东辅助!原来... 四分钟了解!星悦山东辅助!原来一直总是有辅助工具(确实有挂)-哔哩哔哩1、上手简单,内置详细流程视频...
9分钟了解!winner辅助软... 9分钟了解!winner辅助软件!原来是有辅助攻略(有挂教学)-哔哩哔哩该软件可以轻松地帮助玩家将w...
两分钟了解!潮汕汇挂!好像真的... 两分钟了解!潮汕汇挂!好像真的是有辅助插件(发现有挂)-哔哩哔哩1、该软件可以轻松地帮助玩家将潮汕汇...
第四分钟了解!宝宝临海辅助器!... 第四分钟了解!宝宝临海辅助器!切实是有辅助软件(新版有挂)-哔哩哔哩1、任何宝宝临海辅助器透视是真的...
第2分钟了解!多乐游戏辅助脚本... 第2分钟了解!多乐游戏辅助脚本平台!果然是真的有辅助软件(有挂透明挂)-哔哩哔哩1、许多玩家不知道多...
三分钟了解!天天爱游戏辅助!本... 三分钟了解!天天爱游戏辅助!本来有辅助工具(有挂方法)-哔哩哔哩;1、该软件可以轻松地帮助玩家将天天...
第8分钟了解!拱趴大菠萝辅助工... 第8分钟了解!拱趴大菠萝辅助工具!原来真的是有辅助工具(有挂技术)-哔哩哔哩1、拱趴大菠萝辅助工具公...
两分钟了解!福建大玩家插件!都... 两分钟了解!福建大玩家插件!都是一直总是有辅助软件(有挂秘诀)-哔哩哔哩1、两分钟了解!福建大玩家插...