问题标签 [vue-ssr]

我正在为 Vue 使用我自己的 SSR 样板。

所有工作正常的页面都是 SSR 渲染。我目前遇到的问题是，一旦我将 SSR 组件导入组件，它们就会失败。

服务器错误：

我知道问题是 nodejs 服务器上不存在文档。

我的问题是如何停止在服务器上呈现任何 SSR 组件？-我试过 No-SSR 但没有快乐。

我的服务器实体.ts

如何进行全面补液？当有一个 if 子句我使用变量来延迟请求时，这种情况一直发生在客户端。遇到此错误时，它会停止整个客户端应用程序在生产环境中运行（Hydrating）！

如果有必要的话，我需要它在应用程序上进行一次充分的再水合，就像在开发模式下一样，它工作得非常好！ 请注意，在没有 data-server-rendered 属性的元素上，也可以通过将 true 传递给 $mount 的 hydrating 参数来强制进行水合

当我运行命令来部署我的 nuxt 应用程序时。我用于滑块的 VueSlickCarousel 组件插件没有呈现默认的 vue-slick-carousel.css，即使我将它包含在 nuxt.config.js 的全局 css 数组中，有谁知道为什么会发生这种情况以及如何解决吗？

我正在建立一个网站，有些页面最好是静态的，例如/about,/access等。但是有些页面（例如 for as）/products需要动态的，因为它从 API 获取数据。

所以我想知道，有没有办法使用 Vue.js 或 nuxt.js 来实现它？任何提示或参考将不胜感激。

如果您通过 Firebase 使用 google 登录，我正在尝试设置 cookie。

这有点难以解释，但是当我从我的网站登录时设置了 cookie，当我转到另一条路线时从谷歌设置了它，我什至打印了用户状态并看到我收到了电子邮件和 uid返回，但是当我刷新页面时出现错误：Invalid token specified: Cannot read property 'replace' of undefined

所以我尝试调试它并得出以下结论：这if(!req.headers.cookie) return;是错误的情况，或者我认为是这样，因为谷歌也设置了一个cookie，如果我用其他登录方法尝试这个我没有错误，但那是因为谷歌当我只使用电子邮件和密码登录时不设置 cookie，然后我的 cookie 被设置。

这是我的代码：

我的方法：

我的用户/社交登录：

我的cookiesetter：

这里是我测试状态是否改变的地方：

我该如何解决这个问题？在下面告诉我。编辑：这是我的状态：

我从另一个名为 login 的操作中获取帐户，它使用 signInWithEmailAndPassword(account.email, account.password) 方法

编辑：

我解决了我的问题，它有一些很大的变化。我在其中包含的帐户部分中设置了来自用户的所有信息data: () ：电子邮件，姓名，姓氏该signinwithpopup功能现在sociallogin()在我的页面的功能中设置如果它没有错误，它将设置result.user.email为this.account.email 然后我有调度功能并给它帐户详细信息作为第二个参数，我将其更改store>users>index sociallogin()为：

它检查电子邮件是否存在于数据库中，如果不存在，它将向数据库推送用户的附加信息，并在上面调用 cookie 设置器，这不会出错并且工作正常。

我正在尝试在 cloudflare 工作人员上运行 vue ssr 应用程序。

我使用生成了一个新项目wrangler generate test

npm install vue@next我使用和安装了 vuenpm install @vue/server-renderer

我像这样编辑了index.js文件：

然后我用来wrangler dev测试它，但是当我访问该页面时，我得到了这个错误：

任何帮助或指导表示赞赏

我猜我的 vuejs 商店正在重置我的授权。我还在标题组件中收到错误消息Cannot read property 'home' of undefined。我不知道为什么这不起作用。我尝试调试。

这就是我所拥有的：在我的 nuxt.config.js 中，我将插件设置为 firebase：

然后这是我的 firebase.js 文件：

我不知道这是否与我的错误有关，但出于目的，我只是将其放入。然后对于我的注册页面，我使用他们的 gmail 帐户注册用户，我有这样的功能methods：

这会触发商店注册用户设置cookie并将用户设置在商店中我这样做：

然后对于我设置的cookie，我这样做：

请让我知道我做错了什么。如果您需要更多代码，请告诉我。

我有一个使用 SSR 的 Vue 应用程序。为了实现 Content-Security-Policy，我使用了 GTM 片段的 nonce-aware 版本。

但它并没有将noncegtm 注入到页面的所有脚本（特别是自定义 HTML 标记）中添加。我按照这里提到的解决方案解决了 Safari 上的问题。但它在Chrome、Firefox或Edge上不起作用，我仍然看到这些标签的错误：

这是我的 CSP 设置：

经过数小时的研究，我发现了以下评论：

Chrome 屏蔽了 nonce 属性值，因此标签管理器无法获取它并将其存储为变量。

我不确定这是否真的是问题，但任何人都可以解释我如何在不使用unsafe-inline或哈希的情况下解决这个问题，因为即使在谷歌文档上似乎也没有标准的方法来修复它？

似乎默认情况下teleport不会使用renderToString.

有谁知道如何teleport在 Vue3 中渲染和水合组件？

我在这里找到了一些测试，但无法弄清楚如何将其应用于现实世界的示例，也找不到有关此主题的任何信息。

我想为 php 安装 v8js 扩展，当我尝试使用此命令安装它时，pecl install v8js它会在终端显示此日志：

而且我不知道日志的最后一行是什么意思，Please provide the installation prefix of libv8 [autodetect] :所以我尝试按回车键跳过它，它继续该过程并显示此日志：

但它显示此错误：

所以我尝试使用此命令安装 v8 引擎来解决此问题，apt-get install libv8-dev但它显示以下日志：

在 ubuntu 上正确安装 v8js 的任何帮助！