-
3 votesanswersviews
保护SSR Nuxt.js(或普通Vue.js)中仅用于auth的路由的源代码
我使用带有 nuxt.render 中间件的Express后端来整合我的API,前端和开发环境 . 到目前为止,一切都很顺利,但我对我的auth设置的安全性有一些担忧 . 我的后端通过Nuxt中间件将其用户会话注入Vuex . 虽然这对于限制访问非常有用,但这些文件的源代码始终可以使用直接GET方法 . (例如,如果 /admin 受到保护, /_nuxt/admin.js 仍然可用,并将包含该... -
2 votesanswersviews
NUXT - SSR - 组件未在服务器端呈现
我是Nuxt的新手 - 将我的vue应用程序转换为它,并将其用于 生产环境 :gameslate.io 该应用程序使用 asyncData 方法获取游戏列表 - 但是整个布局没有呈现给服务器... 如果您查看页面源,您将看到Nuxt将所有数据放在 window.__NUXT__ 中,但是没有网格html . 使用 asyncData 获取数据后,如何在服务器上呈现完整布局? 否则,谷歌无法抓取游戏... -
0 votesanswersviews
来自Express上的API请求的React,SSR响应
我正在使用React和Express . 我正在进行服务器端渲染,用于我的任何路由的第一次加载 . 此路由类似于“/ contacts”,“/ aboutUs”等 . 现在我正在使用Axis执行API POST和GET请求并点击“/ api / contactForm”之类的 endpoints 当有人在浏览器中访问此路由时,那里什么都没有 . 是否有可能或实际上是否需要从此API提供的响应中进行... -
3 votesanswersviews
水合后立即改变Vuex状态?
我的Vue应用程序使用服务器端呈现 . 当应用程序加载并保持水分时,我想检测客户端上的状况,然后提交变异 . 如果我在安装应用程序之前触摸状态,则会打印此警告 - 正如所料: [Vue警告]:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配 . 这可能是由不正确的HTML标记引起的,例如在<p>中嵌套块级元素或缺少<tbody> . Bailing水化和执行完整的客户端... -
2 votesanswersviews
无法让React Hot Loader工作
我正在尝试将react-hot-loader配置到我的应用程序中 . 它 Build 在webpack 2,webpack-dev-middleware,浏览器同步,表达和服务器端渲染之上 . 这是我的webpack.config require('dotenv').config() import path from 'path' import webpack from 'webpack' imp... -
0 votesanswersviews
浏览器历史记录需要DOM(react-router 4)
我试图在我的反应应用程序中实现服务器端呈现 . 我无法使用react,react-dom和react-router的服务器实现来访问DOM . 我要么“浏览器历史记录需要DOM”错误 . 所以我的猜测是我在服务器或客户端包装组件的方式有问题 . 我将分享我的结构和本练习中涉及的重要文件! server.js import React from 'react'; import { renderToS... -
0 votesanswersviews
Angular服务器端从存储库和自定义组件动态呈现html模板
我想加载一个自定义组件与从存储库定义的模板 . 此模板html包含组件的标记 . 例: <div data-id='main-container' class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="row"> <app-control... -
0 votesanswersviews
使用apollo缓存破坏服务器端渲染的graphql应用程序
我'm experimenting with building a SSR React application with GraphQL/Apollo on top of Razzle. I'遵循了using Apollo with SSR的指导,但是's something I can' t完全开始工作了,我在这里错过了一些东西 . 比如说,在我的应用程序中,每个新用户都有一个 basket_i... -
3 votesanswersviews
在使用预引导的应用程序Bootstraps期间,组件CSS从组件中消失
我漂亮的服务器端呈现的Angular 5应用程序(使用Universal与节点express.js服务器)在引导程序(预引导)阶段遇到样式问题 . 全局CSS样式表似乎很好,但是一旦引导开始,特定于组件的样式就会消失 . Example: 禁用javascript的组件样式(来自服务器的纯html和css): 启用了javascript的组件样式,在应用程序启动引导之前(仍然很好,仍然是来自服务器... -
1 votesanswersviews
使用弹出的创建反应应用程序设置同构SSR的教程
我没有成功找到使用 ejected create react app设置同构服务器端渲染的教程 . 我知道react SDK,但这并没有被弹出,并且有很多关于非弹出创建的反应应用程序的教程 . 任何人都可以帮助找到一个,或链接到一个项目,这是一个弹出应用程序的例子,现在是一个同构的SSR?理想情况下,没有redux以简化 . webpack-isomorphic-tools提供了线索,但它确实没... -
0 votesanswersviews
create-react-app服务器端渲染
我正在尝试使用我的create-react-app项目实现服务器端渲染 . 我现在不需要路由,因为它是单页应用程序 . 我一直在阅读一些文章,但它们对我来说似乎很复杂 . 有人可以指导我如何做或者可以将我链接到一些更简单的文章吗? 这是现在的代码: - 主应用程序组件,导入其他组件: - import React, { Component } from "react"; imp... -
0 votesanswersviews
React服务器端渲染:找不到模块样式加载器css-loader
我正在尝试为我的反应Web应用程序进行服务器端渲染 . 在我的React组件中我也试着添加以下导入: import '!style-loader!css-loader!font-awesome/css/font-awesome.min.css'; 节点返回跟随错误(我通过babel-node运行): module.js:487 throw err; ^ Error: Canno... -
0 votesanswersviews
将服务器端呈现添加到现有的React应用程序
我正在尝试构建一个适合我需求的反应式应用程序启动器 . 我已经阅读,下载,测试了无数的反应样板,试图了解如何添加SSR,但我现在有点卡住了 . The github repo is here 到目前为止,我已经让React运行了热重载 . Webpack 4捆绑了客户端代码 . 我使用webpack-dev-server(WDS)代理服务我的后端express api以及我的客户端进行开发 . ... -
0 votesanswersviews
Angular 7 Universal - 无法解析路径
我使用Angular Universal https://angularfirebase.com/lessons/server-side-rendering-firebase-angular-universal/跟随这个关于服务器端渲染的精彩教程 但是当运行 npm run build:ssr && npm run serve:ssr 时,我收到以下错误: 不知何故,它无法识别我在... -
1 votesanswersviews
Office Fabric ui节点服务器中的服务器端呈现
我正在制作一个 MERN 应用程序用于培训,我虽然使用 Office Frabric UI 可能是一个好主意 . 我正在为我的应用程序使用服务器端渲染,但是当我使用单个 <Fabric> 组件时,我收到此错误: /home/salahaddin/Proyectos/Tutorials/full-stack-js-lynda/node_modules/@microsoft/load-th... -
2 votesanswersviews
Angular 5 AspNetCore SpaServices cshtml可以这样做吗?
这是一个两部分问题...... 1)关于Angular Universal和Server Side Rendering的Angular 5/6功能 . 2)关于Microsoft.AspNetCore.SpaServices及其对cshtml页面的支持/将预渲染的剃刀视图注入Angular . The Goal 将Angular和Asp.Net Core合并到一个项目中(不仅用于API,还用... -
2 votesanswersviews
Angular 6 Universal不会等待整理解析器
我刚刚安装了Angular Universal启动工具包 version 6 并在其中创建了我的组件 . 此组件应在加载时通过API获取用户信息并显示以供查看 . 问题是API结果显示在浏览器中但未显示在“ view source ”中 . 普遍的好处是什么?! 我的 getUserscommponent 代码: @Component({ selector: 'app-get-users', ... -
0 votesanswersviews
Q关于同构Javascript - 为什么它不会在页面上加倍?
好吧,这个问题可能会揭示对经典HTML / javascript组合的基础知识的误解,但是这里...... 假设我有一个(相对)简单的应用程序,它利用同构Javascript的概念,首先在服务器端渲染,然后由浏览器渲染 . 例如,这一个: https://github.com/jesstelford/react-isomorphic-boilerplate 该应用程序首先呈现以下服务器端(通过re... -
3 votesanswersviews
Nuxt Vuex商店Cookie问题
一天的美好时光! 经过几周的项目开发,我决定从普通的Vue迁移到Nuxt . 主要是因为我需要SSR,虽然我知道Google可以执行页面上显示的JS,因此可以为他们的搜索机器人生成适当的内容 . 另一个原因是项目开发的一般工作流程 . 我喜欢自动实例化路线,商店等的想法 . 但是,当它在 mode: universal 而不是 mode: spa 中运行时,我遇到了一个非常奇怪的应用程序行为 . ... -
1 votesanswersviews
可以在create-react-app服务器端使用反应加载吗?
我试图在我的create-react-app应用程序中使用服务器端呈现进行一些代码拆分 . 我正在利用'react-loadable`来进行代码分割:https://github.com/thejameskyle/react-loadable 截至目前,我只是将我的 Home.js 组件与我的应用程序的其余部分分开,只是为了查看它是否有效 . 在开发模式中(读取:不是SSR),它被分解并且工作正常... -
1 votesanswersviews
React SSR:热模块替换(HMR)还是前端代码更改的实时重载?
我正在尝试制定一个 koa2 react webpack SSR项目 . 我目前仍在开发环境,并坚持选择热模块替换或实时重新加载前端代码更改 . HMR webpack-dev-middleware webpack-hot-middleware react-hot-loader3 ,如果代码更改,frontpage将自动执行HMR而不重新加载页面,因此您不必重新访问服务器端路由器... -
9 votesanswersviews
用PHP实现React.js服务器端渲染
我想根据 React 为 WordPress 开发主题/插件 . 为了使搜索引擎友好,我需要在服务器上初始化它(服务器端渲染) . 据我所知,唯一的方法是使用react-php-v8js,这需要PECL V8js extension . 这是一个问题,因为我无法控制将运行这些主题/插件的平台 . 有没有办法让 React 和 WordPress 一起工作,而无需安装额外的扩展?也许通过构建/编译 ... -
1 votesanswersviews
React服务器端渲染如何处理RESTful API(react-router express)?
我有反应SSR的问题 . 我使用react-router作为我的app路由管理器 . 在服务器端,它可能看起来像这样(server.js): var app = express(); app.get("*",function(req, res ){ match({routes:AppRoutes, location:req.url}, function(... -
0 votesanswersviews
如何在没有使用SSR和RR4导入Webpack的情况下加载异步反应组件
我一直在寻找一个很好的解决方案,可以在匹配的路由上按需加载异步响应组件,而无需Webpack导入,System.import,require.ensure,... 我想 avoid Webpack footprints in client-side code . 在服务器上,我获取所有路由并将匹配的位置呈现为静态HTML / JS . 像经典的SSR一样 . 我的解决方案是: 使用Webpa... -
1 votesanswersviews
React On Rails - 使用React Router保护数据的Rails结构
我正在使用react-on-rails设置一个项目来执行初始渲染服务器端 . 我已经将它与react-router集成并成功地为任何给定页面的初始加载渲染服务器端,并且react-router从那里接管并充当常规的React客户端应用程序/路由器 . 我不确定最初加载 props 的最佳方式,因为初始页面可能是该站点的任何"page" . 我没有找到任何在线的集成示例 . 例如... -
0 votesanswersviews
服务器端redux-saga初始状态
我正在使用react-boilerplate作为我的应用程序(使用SSR分支) . 出于某种原因,我们需要服务器端渲染 . 我们还有一些其他API,我们需要在所有API之前调用一个API(用于注册) . 我认为对于初始状态我需要在服务器上调用此(需要注册数据的第一个API)API并将响应数据保存到存储中并将存储返回给客户端 . 在用于创建商店的react-boilerplate中: /** * ... -
0 votesanswersviews
React在客户端和服务器上呈现不同的值,导致校验和不匹配
我很反应.Problem语句:从后端从json respose中选择所选值 . 在json中,selected = true的订阅必须在初始加载和屏幕上的导航中保持选择状态,而不管客户端/服务器端: 面临问题:bundle.js:1警告:React尝试在容器中重用标记,但校验和无效 . 这通常意味着您正在使用服务器呈现,并且在服务器上生成的标记不是客户端所期望的 . React注入了新的标记来补... -
0 votesanswersviews
盖茨比服务器端渲染ajax / xhr / axios
使用浏览器访问页面时,gatsby可以渲染一些外部数据服务器端以预先填充内容吗? 假设我有一个这样的公共api endpoints :http://jsonplaceholder.typicode.com/posts 我希望来自这样的 endpoints 的数据也被渲染到服务器端 . 当前行为: 目前在我的组件(构造函数或componentDidMount)中进行axios get调... -
0 votesanswersviews
如何使用来自服务器和绑定事件处理程序的传递道具呈现React组件?
我在服务器上进行GET API调用并收到一些数据 . 我返回带有传递道具的HTML和React组件 . 我想绑定事件处理程序,所以我必须在客户端重新呈现它,但这会覆盖(在这种情况下删除)我传递的所有道具 . 有解决方案吗? (除了在客户端进行API调用之外) -
0 votesanswersviews
NextJS和响应式设计
我使用create-react-app开发了一个很大的单页面应用程序 .我正在将所有内容迁移到NextJS,主要用于SEO目的 .我在一个问题上摸不着头脑:处理响应式设计的最佳方法是什么?在我的create-react-app遗留代码中,我始终保持组件与window.innerWidth同步,并使用它来处理大部分响应(除了由material-ui处理的网格布局) .但由于我们可以在服务器渲染期间使...