标签: server-side-rendering

我使用"aspnet-spa"生成器(http://blog.stevensanderson.com/2016/05/02/angular2-react-knockout-apps-on-aspnet-core/)来生成项目.它在本地运行成功,但我在服务器IIS中返回错误.

    An unhandled exception occurred while processing the request.
Win32Exception: The system cannot find the file specified
StartCore

> System.ComponentModel.Win32Exception: The system cannot find the file specified
   at System.Diagnostics.Process.StartCore(ProcessStartInfo startInfo)
   at System.Diagnostics.Process.Start()
   at System.Diagnostics.Process.Start(ProcessStartInfo startInfo)
   at Microsoft.AspNetCore.NodeServices.OutOfProcessNodeInstance.<EnsureReady>d__16.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at Microsoft.AspNetCore.NodeServices.HttpNodeInstance.<Invoke>d__7`1.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at …

我知道在客户端，React 会重新渲染需要随时更新的 DOM 部分，因此在初始页面加载后无需重新加载整个页面（因此它将是一个页面应用程序）。

使用服务器端渲染，我仍然使用单页应用程序功能吗？

关于这个话题有一个类似的问题，但我相信它没有回答我的问题。如果要实现单页应用，是否必须同时使用服务器端和客户端渲染？

我努力解决一个 404 页面，该页面返回给导航器/爬虫特定的 HTTP 状态代码：404。按照https://angular.io/guide/universal 中的SSR 指南，我的应用程序正确地使用了 SSR。

我在 app-routing.module.ts 中设置了“PageNotfound”路由：

{path: '*', component: NotFoundComponent}

但显然它仍然返回 200 作为 http 返回状态。如何更改此特定路由的 http 返回码？

我正在使用vue-cookie包，它让我可以轻松设置和获取 cookie。我想要的是将这个 cookie 放入nuxtServerInit()：

async nuxtServerInit() {
   const res = await this.$axios.post('/me', {}, {
       headers: {
          'Authorization': 'Bearer ' + $nuxt.$cookie.get('token')
       }
   })
}

但是，我总是$nuxt is not defined出错。请帮忙！

为了使网站SEO友好，我们必须在中实现Server side rendering该应用程序Angular。

我已经阅读了许多有关服务器端渲染的文章。在阅读时，我了解两种类型的渲染。

1.静态服务器端渲染2.动态服务器端渲染

但是这是什么意思？从我读过的文章中我不了解这一点。仍然很困惑为我的应用选择哪一个。

所以我只想知道对于哪种类型的应用程序/网站，我们必须使用静态，对于哪种类型的应用程序/网站，我们必须使用动态服务器端渲染。

使用 React/Express 处理 SSR 应用程序时，我试图掌握 renderToNodeStream 和一般流。

我有一个大页面（400kb 未压缩）并且使用 renderToNodeStream 提供了一个非常好的 TTFB（到第一个字节的时间），我想念的是一些压缩以使发送回的 HTML 响应更小但我不能让它与 renderToNodeStream 一起工作。

我错过了什么吗？
是否可以流式传输新鲜呈现的响应并压缩它们？

const stream = renderToNodeStream(<MyApp/>)

// this doesn't work
stream.pipe(zlib.createGzip())
stream._flush = zlib.Z_SYNC_FLUSH

stream.pipe(
 res,
 { end: "false" }
)

// stream.on("data", data => {
//   console.log(data)
// })
stream.on("end", () => {
  res.end(pageEnd())
})

我已经创建了angular 7应用程序，现在我正尝试向它添加angular通用程序。因此，我遵循了以下步骤：

https://angular.io/guide/universal

在终端中输入以下内容：

ng add @nguniversal/express-engine --clientProject resume-app

然后我这样写：

npm run build:ssr && npm run serve:ssr

它不起作用，终端返回了很多错误：

错误：无法解析/Users/tomaszzmudzinski/Documents/Projects/Resume/resume-app/src/app/components/home/home.component.ts中的HomeComponent的所有参数：（？，？）。src / app / components / home / home.component.ts（2,24）：错误TS2307：找不到模块“ src / app / models / Resume”。src / app / components / home / home.component.ts（3,31）：错误TS2307：找不到模块“ src / app / services / resume.service”。src / app / components / home / home.component.ts（4,44）：错误TS2307：找不到模块“ src / app / models / GetBasicStatisticsResponse”。src / app / components / home / home.component.ts（5,35）：错误TS2307：找不到模块“ src / app / services / statistics.service”。src / …

我想检测服务器端呈现的页面的当前请求 -ssr来自网络爬虫或普通用户。
我想在网络爬虫中做一些事情，而不是当它是用户时做。
我想ng-in-viewport在网络爬虫访问页面时运行以获取完整数据。
但不要在用户使用我的页面时运行。
如何检测这个东西？

我在 NextJS 应用程序中遇到问题。

在_app.js文件中，我实例化 a Context（依次实例化 a State）

在我的页面中，ContextTest我声明了一个getServerSideProps().

这会从 API 返回一些数据，这些数据被传递到_app.js并保存到Context's state.

到目前为止，我有我需要的数据。

然后它转到目标页面组件，该组件读取上下文的状态并设置一个变量。组件成功输出我的变量，形式为

let userName = userState.username ? userState.username : 'Guest' 

当页面加载时，我检查请求中的 HTML 并且确实userState.username有价值。

但是浏览器中显示的 HTML 有Guest.

有两点需要注意：

1) 服务器端按预期呈现 2) 应用程序在该页面的客户端中再次执行（那我为什么要呈现应用程序服务器端呢？）。结果是这个页面没有结果，getServerSideProps()所以我的状态是空的，我在控制台中收到警告。3) 浏览器中显示的 HTML 是 React 应用程序客户端执行的结果。（为什么？）

__app.js

import React, {useContext} from "react";
import {UserContext} from "../lib/Context/UserContext"

export default function RankerApp({Component, pageProps}) {
    const [userState, setUserState] = useContext(UserContext)();
    const [listState, …

我有带有身份验证的角度通用 SSR 应用程序。我将身份验证令牌保存在 http cookies(set-cookies) 中。现在，当我刷新应用程序时，我首先看到未经身份验证的页面，一秒钟后它会转换为经过身份验证的状态。

我知道发生这种情况是因为 Universals 渲染器服务器在渲染页面时不会将令牌从 cookie 传递到 API。那么如何强制通用服务器以经过身份验证的状态呈现页面呢？