angular 部署到服务器(angular渲染页面原理)

发布时间:2023-09-24
本文主要介绍角度部署到服务器(角度渲染页面原理),下面一起看看角度部署到服务器(角度渲染页面原理)相关资讯。
关于angular universal渲染的页面源代码,我们有两种缓存
当http缓存使用网络缓存时,一切都是为了在服务器上设置正确的响应头。它们指定缓存生存期和缓存策略。一个例子如下:
cache-control:最大年龄= 31536000
此选项适用于未经授权的区域和数据长时间未更改的情况。
在内存缓存中,内存缓存可用于呈现页面和应用程序本身的api请求。这两个用例都是通过开发包@ngx-ssr/cache提供的。
将ngxssrcachemodule添加到appmodule以缓存api请求,并在浏览器中的服务器上。
maxsize属性负责最大缓存大小。值为50意味着缓存将包含来自应用程序的50个以上的最后get请求。
maxage属性负责缓存的生命周期。以毫秒为单位指定。
按如下使用代码:
从 amp导入{ browsermodule };;@ angular/platform-浏览器 ;从 amp导入{ ngmodule };;@ angular/core ;;从 amp导入{ appcomponent };;。/app . component ;;从 amp导入{ ngxssrcachemodule };;@ ngx-ssr/cache ;;从 ../环境/环境 ;@ ng module({ declarations:[app compon:[browser module,ngxssrcachemodule . configlrucach: 10 * 60 _ 000,maxsiz: 50 }),],bootstrap:[app component],})导出类appmodule {}比如同一个包中的所有内容@ngx-ssr/cache都有一个子模块@ngx。-ssr/cache/express .它导入一个带缓存的函数。这个函数是渲染引擎的包装器。使用方法如下:
从 amp导入{ ngexpressengine };;@ nguniversal/express-engine ;;从 amp导入{ lrucache };;@ ngx-ssr/cache ;;从 amp导入{ withcache };;@ ngx-ssr/cache/express ;;server . engine( ;html 、withcache(新lrucach: 10 * 60 _ 000,maxsiz: 100 })、ng: apps——,尤其是从数据库读取数据时。幸运的是,express.js提供了一种通过模板引擎从服务器端应用程序创建动态html页面的方法。
模板引擎的工作相当简单:创建一个模板,并使用适当的语法向它传递变量。然后,在呈现模板的适当路径上,将值赋给模板文件中声明的变量。这些是在呈现模板时实时编译的。
模板引擎的一个基本特性是,它们允许我们创建称为部件的可重用组件,这些组件可以在其他文件中重用。这有助于防止代码重复,并使更改更容易实现。
有多种模板引擎可用于express。express中默认的模板引擎是jade,现在叫做pug。但是,在express中默认安装的jade仍然使用旧版本。
标签:
缓存模板
了解更多角度部署到服务器(角度渲染页面原理)相关内容请关注本站点。
上一个:CC0402JRX7R9BB271,X7R 0402 270pF ±5% 50V
下一个:华为m330怎么连接电脑,华为盒子m330怎么连不了电脑显示屏

热茶冷茶哪个更解渴呢?
苹果手机朋友圈怎么不折叠方法设置(苹果手机朋友圈怎么不折叠起来)
为什么电气设备的绝缘如此重要?这样的“绝缘下降”对你有什么启示?
索尼怎么看文件管理,索尼st25i怎么打开文件管理
为什么你泡茶总觉得不好喝,原因在这里
电脑屏锁图片的设置(怎么设置电脑锁屏图片windows7)
永久免费云储存空间不限速怎么办
路基工程防护的使用条件有哪些?
oppo手机录视频怎么录屏(oppo手机如何录频)
电脑显示器十大名牌排行榜,显示器什么牌子的好