Nuxt -如何在服务器端渲染后在客户端运行代码？

文章/答案/技术大牛

发布

1回答

Nuxt3如何知道在服务器端和客户端执行哪些代码？

vue.js、nuxt.js、nuxtjs3、pinia

我想使用Nuxt3。据我所知，它使用的是通用渲染，这就像是CSR和SSR之间的交叉。然而，在我开始之前，我有几个问题要问。如果我想使用Pinia作为我的状态管理库，它将管理客户端中的状态，那么Nuxt3如何能够区分这一点？API请求或使用第三方实时服务(如<

浏览 94提问于2022-12-04得票数 0

3回答

vue.js、nuxt.js、server-side-rendering、noty

$notify = notify;这个插件只在客户端显示一个noty。在服务器端，不会出现noty，因为它只能在浏览器中显示。当我在客户端更改路由时，一切都很棒。然而，在第一次加载页面时(例如，我在浏览器中手动更改了一个url )，这发生在服务器端，没有出现noty，只有重定向有效。我的问题是:在这种情况下如何显示noty？如何在

浏览 38提问于2018-08-17得票数 2

回答已采纳

1回答

导入@google云/存储时出错。

node.js、vue.js、webpack、google-cloud-storage、nuxt.js

导入@google云/存储后，我就出错了。环境细节 framework版本: Nuxt.js

浏览 9提问于2020-12-13得票数 2

回答已采纳

1回答

不需要客户端调用的Nuxt* SSR*

nuxt.js、server-side-rendering、nuxtjs3

你好，我想知道是否可以将.vue组件呈现为唯一的服务器端变量。通常在客户端调用后对html代码进行nuxt渲染。它在服务器端生成html代码并将其发送给客户端。在我的例子中，我需要做同样的事情，但是，代码应该被发送到我的同一台服务器。我的想法是直接调用内部Nuxt渲染函数。我会从我的服务器web钩子上打这个电话。所以我会做类似的事情(伪代码) /

浏览 10提问于2022-11-04得票数 0

回答已采纳

1回答

如何在nuxt中渲染模板之前运行函数

vue.js、nuxt.js、lifecycle

正如文档中提到的，nuxt中的所有内容都在两个选项之间:服务器端或客户端。如果你需要在客户端运行一个函数，恰好在呈现模板之前。我的特定用例是nuxt静态模式下的用户设备检测。如果你使用ssr模式，仅仅通过{req}对象很容易找到，但在静态模式下，在找到设备和应用于条件类之前，html和Dom都是高级渲染的。

浏览 13提问于2021-03-06得票数 1

3回答

在中间件中访问LocalStorage - NuxtJs

javascript、vue.js、local-storage、vue-router、nuxt.js

好吧，我从nuxt开始，我有以下路线：我想保护/dashboard，但仅针对在localStorage中使用令牌登录的用户。<script> middleware: 'auth',</script> 但是我不能在中间件中访问localStorage，因为LocalStorage是客户端我已经尝试在created()仪表板布局中添加相同

浏览 0提问于2018-09-09得票数 7

回答已采纳

3回答

如何在静态网站的nuxtServerInit函数上获取cookie？

vue.js、nuxt.js

当我尝试运行NPM run generate时，我收到一个错误，因为我在nuxtServerInit中使用请求来获取cookies。我该如何解决这个问题呢？

浏览 58提问于2019-05-08得票数 1

2回答

如何在Nuxt的asyncData方法中获取用户的IP？

javascript、vue.js、geolocation、nuxt.js

Nuxt使用asyncData在服务器端运行代码，然后将其与数据对象合并。我想打一个电话，要求我知道用户的IP。确实有，但它被埋在里面，我担心这不是一种可靠的方式。如何在服务器端而不是客户端访问主叫用户的IP地址？

浏览 177提问于2019-08-03得票数 2

回答已采纳

3回答

Nuxt中的Data()与asyncData() (&V)

vue.js、vuejs2、vuex、nuxt.js

data()和async data()给出了相同的结果(很明显，asyncData()的结果覆盖了data()的结果)此外，两者都可以用来

浏览 35提问于2018-12-01得票数 10

4回答

如何使用Nuxt.js将数据存储到本地存储

authentication、vue.js、nuxt.js

如你所知，nuxtjs是服务器端渲染，没有好的例子可以将数据存储到客户端的本地存储中。

浏览 0提问于2017-11-22得票数 11

1回答

套接字IO客户端应全局可用错误

laravel、vue.js、socket.io、nuxt.js、laravel-echo

我将nuxt/laravel api与laravel-echo-server和socket.io-client一起使用。但是当我试图在数据属性中声明它时，我得到了错误，因为它是在服务器端呈现的……我如何在服务器端渲染上使用socket.io-client，或者我如何在客户端声明它，因为我需要访问持有者令牌的getters

浏览 5提问于2019-07-17得票数 0

回答已采纳

1回答

如何在Nuxt.js中获取客户端IP地址？

nuxt.js、ip-address

我想知道如何在Nuxt.js中获取客户端IP地址。我在客户端使用Nuxt.js，在服务器端使用Express。当服务器端收到请求时，我想我可以通过req.connection.remoteAddress或req.headers['x-forwarded-for'].split(',').pop()在服务器端获得一个客户端但是，根据上面的<em

浏览 8提问于2021-07-10得票数 1

回答已采纳

1回答

AWS CloudFront和服务器端呈现(Nuxt)的问题

aws-lambda、nuxt.js、amazon-cloudfront、serverless-framework

我对AWS CloudFront和Nuxt端呈现有问题Java后端，运行在EC2Nuxt前端(Vue)上，在网关上运行服务器端呈现+ Lambda + S3 (与无服务器框架一起运行) 作为应用程序的入口点，我有一个CloudFront发行版，它将后端请求(/ API /*)拆分到EC2实例，前端请求(默认)拆分到EC2网关端点，因此前端是由Lambda呈现的服务器端。前端代码使用公共CloudFron

浏览 1提问于2020-07-12得票数 0

回答已采纳

1回答

有没有办法使用Express服务器重定向NuxtJs应用程序？

express、nuxt.js

我有一个使用npx create-nuxt-app <project-name>在Express服务器上初始化的NuxtJs应用程序。它是为服务器端渲染设置的。(在创建Nuxt应用程序时默认提供)现在我已经在服务器端创建了一个不同的路由文件来处理API路由。这个路由的工作原理是我可以使用Axios访问数据。我在上面的代码之前添加了这个路由，如下所示。(添加<em

浏览 15提问于2020-05-20得票数 4

回答已采纳

1回答

not注射找不到

vue.js、nuxt.js

当向Nuxt实例注入记录器时，我做了什么错事？debug'); inject('log', log);} nuxt.config.js

浏览 2提问于2022-03-14得票数 0

回答已采纳

4回答

“Nuxtjs SPA模式”与“没有Nuxtjs的Vuejs”的区别

vue.js、nuxt.js、server-side-rendering、prerender

：虽然Nuxtjs是在通用模式下配置的，但它为我提供了预先渲染的文件，这些文件在用户的浏览器上也具有SPA功能。例如，构建后的文件如下所示： ... ...</body>cmd: nuxt</e

浏览 34提问于2020-01-19得票数 8

2回答

禁用Nuxt.js中的客户端水合或停止在Nuxt.js中公开原始数据

javascript、node.js、nuxt.js

我使用Nuxt.js创建了一个Web，并使用服务器端呈现。但是Nuxt.js用window.__NUXT__.data变量向客户机公开了我的后端数据。 Vue警告:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这很可能是由不正确的HTML标记引起的，例如，在p内嵌套块级元素，或者丢失。提供水合和充分的客户端渲染

浏览 2提问于2019-12-26得票数 6

2回答

Nuxt.js:从vuex开始加载指示器

vue.js、vuex、nuxt.js

根据文档，有一种方法可以手动启动组件中的nuxt加载指示器，例如： methods: { startLoading() {

浏览 1提问于2018-07-11得票数 3

1回答

我从不同的客户端reuqest、nuxt* / nodejs / vuex / aws获得了相同的存储数据*

amazon-web-services、vue.js、vuex、nuxt.js、asyncdata

因此我在asyncData函数中使用store如下所示 async asyncData({ store, params, req }) { store.dispatchreturn {...}} 它在客户端开发环境中工作得很好，它为服务器端渲染的每个请求创建了新的axios客户端存储。但是一旦我把它放到实验室，一个建立在aws上的容器，它就连上了线。lib："nuxt"："^2.

浏览 19提问于2020-08-12得票数 0

3回答

无法访问组件nuxt中的process.env变量

vue.js、vuejs2、environment-variables、nuxt.js

在nuxt config中，我有env对象。

浏览 17提问于2019-12-19得票数 21

回答已采纳

点击加载更多

Nuxt3如何知道在服务器端和客户端执行哪些代码？