问题标签 [react-universal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1211 浏览

authentication - 通用应用程序中的 JWT 身份验证(服务器端呈现)

通用或服务器端呈现在将页面发送到客户端之前组成页面。那时,除非使用 cookie,否则用户没有机会提交任何凭据。JWT 鼓励使用 LocalStorage 来存储令牌而不是 cookie,我认为这是一个很好的做法。

我正在尝试为类似于博客的应用程序设置 SSR。用户创建的内容可以是公开的(任何人都可以找到并阅读)或私有的(只有用户和合作者应该能够找到并阅读它)。在 SSR 上处理公共内容很容易,但私有内容需要存储在 LocalStorage 中的令牌。

我能想到的最佳解决方案是发送一个存根,或者可能是一个加载页面,客户端可以从中将凭据发送到服务器以检索私有内容。我看到这种方法的问题是隐私问题:显示加载页面或存根会泄露该 URL 上实际存在内容,即使它解析为 404,因为没有凭据。为所有内容(公共或私有内容)发送存根/加载页面会破坏服务器端渲染的目的。

所以我的问题是,处理需要在没有 cookie 的情况下进行身份验证的渲染内容的最佳实践是什么?欢迎任何例子。任何框架都可以,尽管我目前使用的是 Angular 5。

0 投票
1 回答
14652 浏览

javascript - 关键依赖:一个依赖的请求是一个表达式——react-universal-component

警告:

应用程序-root.js

src/routes/index.js

webpack.dev.js

版本

我不知道为什么在使用 react-universal-component 时会看到此警告。我只在启用 HMR 和使用 react-universal-component 时看到这一点。

0 投票
0 回答
89 浏览

code-splitting - React 通用组件在连接到 store 时抛出错误

尝试访问时发生错误/article/post...。这是 Routes.js 的代码片段,据说错误发生的地方。完整的错误堆栈跟踪位于https://pastebin.com/M0pCULPj完整的存储库位于https://github.com/ElAnonimo/webpack4_2。Article.js 缺少什么来正确渲染?

路线.js

文章.js

0 投票
1 回答
526 浏览

reactjs - React Loadable 在动态加载的组件中请求新的 css

我正在使用 react loadable 代码拆分组件。我还使用Extract CSS Chunks来拆分我的样式表。在服务器端渲染和初始客户端渲染期间一切正常,但是当我转换到新页面并动态导入组件时,正在获取 JS,但组件的相应 CSS 不是。

当我的所有 CSS 都在一个文件中时,这不是问题,但现在不是,我如何获取 CSS 和 JS 以用于动态导入的组件?这就是Webpack Flush Chunks应该帮助的吗?

提前致谢!