angular-universal相关内容

以角度通用的方式将令牌发送到服务器

我有一个 Angular 6+ 应用,它被配置为使用 Angular Universal 来利用服务器端渲染. 我还使用了 TransferState 来避免在服务器和客户端应用上重复调用 API. 我的 Angular 应用中的身份验证基于令牌. 问题出在用户第一次打开我的 Web 应用程序时,这导致为未经身份验证的用户呈现 index.html 而用户实际上已登录但没有机会将令牌 ..

仅适用于某些路线的角度通用渲染

我在玩 angular 通用,但找不到仅对某些页面(如主页)使用服务器端渲染并以标准角度方式渲染所有其他路由的选项.我不想对不需要 SEO 的私人页面使用服务器端渲染.我可以像这样在 express 中配置路由 //将所有请求发送到 Angular Universal//如果您希望 Express 处理某些路由(例如,对于 API),请确保调整它app.get('/', ngApp);app.g ..
发布时间:2021-11-10 05:09:57 前端开发

Angular 2 Universal - 存储全局变量

我正在尝试将我的 AngularJS 应用程序转换为 Angular 2 Universal 应用程序(因为服务器端渲染). https://github.com/angular/universal-starter 现在我需要存储可以在普通 Angular 2 应用程序中轻松实现的全局变量(根据以下链接). Angular 2 全局变量 Angular 2 -存储身份验证令 ..
发布时间:2021-11-10 05:09:42 其他开发

angular 通用应用性能,APP_BOOTSTRAP_LISTENER,闪烁

Angular 4.4.6角 CLI 1.3.2节点 6.x.xNPM 3.10.10网络包 3.4.1 在 Angular Universal 应用程序中,当服务器视图切换到客户端视图时,屏幕会出现闪烁,因为所有在服务器端渲染中调用的 API 也在客户端渲染中调用,因为有闪烁. 为了消除这种闪烁,我实现了 Angular Universal Transfer Module,它在服务器端渲 ..

如何在角度通用中使用 Hammer

谁能帮我修复锤子错误 })(window, document, '锤子');^参考错误:窗口未定义在 Object._MAP.8 (/Users/ks89/git/universal-starter/dist/server.js:126460:4) 角度通用. 解决方案 您需要从 main.ts 导入 hammer,而不是直接从模块导入.这样,它就不会被包含在服务器端 https ..
发布时间:2021-11-10 05:09:24 其他开发

将 Angular 4 Web 应用程序转换为 Angular Universal 应用程序

我需要将 Angular 4 网络应用程序转换为 Angular Universal. 原因是目前,网络应用程序无法被谷歌正确索引(和 Facebook 社交预览缩略图),因为它是一个单页应用程序并在客户端呈现.所以现在我需要实现 Angular Universal,服务器侧面渲染. 我了解了如何使用 这很棒视频系列. 问题:您能否告诉我我必须遵循将现有应用程序转换为 Angular ..
发布时间:2021-11-10 05:09:18 其他开发

在 angular 通用中使用 isBrowser 函数时出错

我正在尝试在 angular Universal 中使用 isBrowser 函数,但是在构建时我一直遇到相同的错误.我确实安装了 angular-universal 的 npm 包 npm i angular2-universal --save 'ng build -prod -aot' 错误处于非法状态:没有预期成员的符号,但得到 {"filePath":"C:/dir/uni ..
发布时间:2021-11-10 05:09:15 其他开发

角度通用:仅用于浏览器的动态导入

是否可以根据条件导入模块?仅当 angular 2 通用应用在浏览器中呈现但不在服务器中呈现时,才专门导入外部模块. 这个问题与一些依赖浏览器功能的 PrimeNG 模块有关,并且只能在浏览器中呈现.在服务器渲染时省略它们会很棒,因为日历和其他组件对于 SEO 来说并不重要. 目前,如果关闭服务器渲染,我可以渲染日历组件.但是,当我在 app.module.ts 中包含以下代码并打开服 ..
发布时间:2021-11-10 05:09:12 其他开发

Angular isPlatformBrowser 检查 PLATFORM_ID 不会阻止服务器端预渲染

我正在尝试使用此提示编译基于示例项目创建的 Angular 4 + ASP.NET Universal 应用程序 https://github.com/angular/universal#universal-gotchas当我用 webpack 构建项目,然后运行它时,会抛出错误,因为如果块检查了 isPlatformBrowser 在服务器端预渲染.如何在没有预渲染的情况下有效地在客 ..
发布时间:2021-11-10 05:08:57 其他开发

如何在 Angular Universal 中获取完整的基本 URL(包括服务器、端口和协议)?

我需要获取完整的基本 URL(例如 http://localhost:5000 或 https://productionserver.com) 我的 Angular 2 应用程序,以便我可以将它传递给应用程序上下文中的第 3 方服务.应用的位置取决于它是开发、各种登台/测试环境还是生产,我想动态检测它,这样我就不需要维护一个硬编码列表. 一个类似的问题已在过去,但答案(即使用某些版本的 wi ..
发布时间:2021-11-10 05:08:39 其他开发

在 Angular 2、4、5、6 中实现插件架构/插件系统/可插拔框架

2018 年 5 月 24 日更新:我们现在是我原始帖子中 Angular 的 +3 版本,但仍然没有最终可行的解决方案.Lars Meijdam (@LarsMeijdam) 提出了一种有趣的方法,当然值得一看.(由于专有问题,他不得不暂时删除他最初发布示例的 GitHub 存储库.但是,如果您想要副本,可以直接给他发消息.有关更多信息,请参阅下面的评论.) Angular 6 中最近的架 ..
发布时间:2021-11-10 05:08:28 其他开发

在 Angular 2、4、5、6 中实现插件架构/插件系统/可插拔框架

2018 年 5 月 24 日更新:我们现在是我原始帖子中 Angular 的 +3 版本,但仍然没有最终可行的解决方案.Lars Meijdam (@LarsMeijdam) 提出了一种有趣的方法,当然值得一看.(由于专有问题,他不得不暂时删除他最初发布示例的 GitHub 存储库.但是,如果您想要副本,可以直接给他发消息.有关更多信息,请参阅下面的评论.) Angular 6 中最近的架 ..
发布时间:2021-11-08 23:55:02 其他开发

Angular 10 通用 |amcharts 4:为什么服务器会尝试加载图表?

我已经习惯了 Angular,但我才刚刚开始使用通用的(用于 SEO). 我想使用 amcharts 4 中的地图,在没有 Angular Universal 的情况下使用没有问题.我知道这是一个已知问题,但我不明白为什么在我的情况下服务器尝试加载图表并创建此错误: ERROR Error: Uncaught (in promise): ReferenceError: addEventLi ..
发布时间:2021-11-08 23:52:48 其他开发