问题标签 [vue-server-renderer]
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.
javascript - 跟踪 Vue.js 服务器端渲染中的内存泄漏?
我们有一个 Vue.js (v2.2.6) 应用程序在生产中运行,基于Hacker News 演示应用程序结构的服务器端渲染。我们遇到了内存泄漏,导致进程在大约 6-12 小时后耗尽内存并崩溃,我们已经开始在服务器上拍摄堆快照以尝试跟踪问题。
但是,我们已经研究了这些天,但还没有真正得到任何地方。突出的一点(如您在下面的屏幕截图中所见)是有许多实例被创建VueComponent
并且Vue$2
从未从内存中删除。我对 Vue 的服务器端渲染的内部结构了解得不够多,不知道这是否是真正的线索,以及如果是的话,从哪里看。
有没有人遇到过这样的事情,或者有什么想法可以让我们确定是什么原因造成的?
django - Django + Vue.js + SSR
我正面临一个有趣的问题......
我确实有一个分成几个步骤的表格——比如向导。每个步骤(甚至是第一个步骤)都是从 Django 所在的服务器加载的。向导本身就是 Vue 组件。一切都很好,但现在我想在 HTML 中添加一个组件,它是从服务器返回的。问题是 Wizard (Vue) 只能显示从服务器加载的 HTML,它不能为新组件解析传入的 HTML 并实例化它们。这就是我记得服务器端渲染的地方。
我的问题是如果我想通过 Vue 再次渲染 Django 渲染的模板,从哪里开始。
也许还有其他方法。我想要的只是在我的传入表单中拥有另一个丰富的组件,而不仅仅是愚蠢的 HTML。
谢谢你。
apollo-client - Nuxt 窗口未在服务器端渲染上定义
我正在尝试从我的中间件中的 localStorage 获取授权标头。不幸的是,这在第一个页面加载时不起作用,因为它是服务器渲染的。
我该如何解决这个问题?
express - vue ssr webpack 配置
我有 webpack.server.config
但如果我运行npm run build server
- 抛出错误
如何设置 webpack 或者我可以上课吗?Vue.js 官方网站上关于设置的信息不是很丰富也许我需要更改webpack.base.config 的逻辑?如果有人可以就主题主题或ssr + express的主题提供帮助-我将非常感激
javascript - vue黑客新闻中是否有其他方式来获取数据而不是预取
我正在用 vue ssr 编写一个 vue spa。
根据 office guide,组件中的数据将在服务器端预取并存储在 vuex 存储中。
这似乎很复杂。所以我想知道是否有任何可能的方法来获取数据,它可以将数据保存在组件本身中?不需要 vuex 存储或任何其他第三方存储。
cookies - 如何在 vue/ssr 中实现 vuex-persistedstate
我需要在 vue ssr 应用程序中保持状态,但不明白如何实现这一点。
作为存储,我想使用cookies。
当我按照自述文件中的说明安装插件时,什么也没发生,这很奇怪:我预计会出现错误,因为 js-cookies 调用“窗口”。
问题是:如何在vue/ssr中实现vuex-persistedstate?
我可以访问 req.cookies 中的 cookie,但我无法在浏览器中设置 cookie,这是预期的,因为我的存储在服务器端填充,而 js-cookies 在服务器端调用。
webpack - vue-server-renderer 无法构建捆绑文件
我正在尝试创建一个 @vue/cli3 SSR 项目,但似乎无法生成服务器捆绑文件。客户端构建良好。
package.json 脚本
运行出错yarn serve
vue.config.js
最后,server.js 文件:
似乎此错误来自 vue-server-renderer,并且与https://github.com/vuejs/vue/issues/5553有关,但它不需要提供任何关于如何解决此问题的线索。所有的 Promise 都有 catch 块,所以不应该处理任何拒绝。这仅在WEBPACK_TARGET === 'node'
使用 VueSSRServerPlugin 时才会发生。
vue.js - 仅为“/”路由(Nuxt JS)提供 404 - 共享主机部署
我正在尝试使用@nuxt/pwa starter-template设置Nuxt应用程序以在共享主机上进行服务器端渲染。但是我的 Nuxt 应用程序在“ http://localhost:50000 ”上运行。我试图通过在.htaccess 中重写规则来显示来自“ http://example.com ”的正在运行的应用程序。
当尝试访问“ http://example.com ”时,它显示 404。没有“索引 (/)”路由,其他所有路由都可以。即使从任何其他路线来到“索引(/)”路线也是可以的。仅在尝试直接加载“/”路由时显示 404。
例如:
http://example.com
不工作
http://example.com/contact
工作正常
*** 在 Github 上已经有一个和我一模一样的问题:https ://github.com/nuxt/nuxt.js/issues/2625 但我从那里找不到任何有用的东西。
这是我正在使用的.htaccess文件。--
有人可以帮我解决这个问题吗???提前致谢!
node.js - 是否可以在没有重定向的情况下使用 404 http 代码呈现“找不到页面”?
我正在使用vue-storefront
. 我需要在没有重定向和 404 http 代码的情况下渲染 404 页面。他们正在使用vue-router
+vue-server-renderer
我正在尝试捕获 404 错误,然后渲染我的组件PageNotFound
,将状态 404 设置为响应并返回 html。之后,我的 html 替换了空组件(例如类别)或工作正常但 url(在浏览器中)更改为*/page-not-found
. 有任何想法吗 ?谢谢。
vue.js - 有没有办法将值从 Vue js 组件传递到刀片模板
我正在使用 ServerTable 呈现公司列表,并且我想获取记录总量并将其显示在刀片模板中。有没有办法从 Vue 组件传递数据并在刀片中显示?
这是在 Vue 组件内部:
{{ items.count + 'results found' }}