asyncData生命周期在Nuxt和Vue中不能正常工作

文章/答案/技术大牛

发布

2回答

如何测试nuxt.js asyncData和fetch hooks

vue.js、jestjs、nuxt.js、vue-test-utils

我一直在尝试测试使用nuxt的文件(asyncData和fetch钩子)，测试nuxt的正常生命周期没有问题，但我注意到vue/ vue.js -utils没有给出关于如何测试nuxt钩子的明确说明。login.vue const email = localStorage.getItem("email") || "

浏览 1提问于2020-08-29得票数 3

2回答

Nuxt.js无法从asyncData()更新head()属性

javascript、vue.js、nuxt.js

我创建了一个服务器端呈现的Vue.js博客，使用带有类型记录和Ghost的Nuxt.js，但是我需要使用来自asyncData()的数据来更新html元数据库。从Nuxt.js文档中，我知道每次加载页面组件之前都会调用asyncData()，并与组件数据合并。我得到了一个错误：属性'title‘在类型'{ asyncData({ app，params }：Context)上不存在: Promise<{ ti

浏览 21提问于2022-03-24得票数 1

回答已采纳

1回答

javascript、vuejs2、nuxt.js

我想通过AsyncData生命周期获取数据来获取服务器端的数据，Axios doesn't work inside AsyncData这样数据项就不会重写。有什么想法可以解决这个问题吗？messages: '', } mounted (){ }, async asyncData

浏览 4提问于2019-04-06得票数 1

1回答

not注射找不到

vue.js、nuxt.js

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

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

回答已采纳

1回答

尝试在Nuxt中将数据从组件传递到页面时出现错误消息

vue.js、nuxt.js

我在Nuxt中创建了一个组件，用于从Firestore数据库中获取数据，并希望在我创建的页面中显示这些数据。当我在页面中嵌入组件时，我一直收到错误：属性或方法“省份”没有在实例上定义，但在呈现过程中被引用。通过初始化此属性，确保此属性是反应性的，无论是在data选项中，还是对于基于类的组件。现在，当我从页面中的组件复制代码时，它工作得很好，所以我假设问题是<em

浏览 15提问于2019-05-24得票数 0

回答已采纳

1回答

在使用Nuxt.js时，如何在前端执行异步请求？

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

我是Vue和Nuxt的新手，我有一个关于异步请求的问题。我已经了解到，通过在Nuxt中使用asyncData和axios，我可以获取数据，然后可以在前端呈现这些数据。因此，我如何确保应用程序呈现某些内容，然后在前端运行异步请求(就像Vue对created生命周期方法所做的那样)，但同时也在服务器端呈现数据。

浏览 1提问于2018-03-28得票数 2

回答已采纳

2回答

如何使用Nuxt上下文调用带param的Axios请求

vue.js、vuejs2、vuex、nuxt.js

我知道异步函数不会接受调用中的“this”，所以我将存储作为参数。关于我如何把数据传递给别人，我还觉得有些不对劲。非常感谢您的帮助，谢谢！}; components: { }, data() { actors: []编辑当我删除“const body”中的数据时，它就开

浏览 3提问于2020-08-24得票数 1

1回答

Nuxt -只定义一次const，它可以在所有页面上使用。

vuejs2、shopify、nuxt.js

我试图在Nuxt中实现Shopify JS SDK// plugins/shopify.jsimport 'isomorphic-fetchasyncData ({ app }) { //

浏览 2提问于2018-06-24得票数 1

1回答

typescript插件中的NuxtJs publicRuntimeConfig

typescript、plugins、nuxtjs

我正在尝试在TypeScript插件中使用公共publicRuntimeConfig，但没有成功。对于JS插件，我没有任何问题。但是现在我真的被卡住了，我想我没有看对地方。问题是如何在TypeScript插件中访问此配置？这是我的nuxt.config.js： export default { ...publicRuntimeConfig: { }, } 我的插件： im

浏览 130提问于2021-06-15得票数 0

回答已采纳

1回答

nuxt可以确定使用/slug路径的页面吗？

laravel、vue.js、axios、nuxt.js

我在我的项目中有一个帖子页和一个类别页面，以及通常的内部页面。现在，我在pages文件夹中有以下结构： pages/category/_id.vue -我发送一个categorypages/post/_id.vue请求-发送postpages/page/_id.vue我希望nuxt知道发送哪个请求，获取类别或帖子，然后选择所需的模板来显示类别或帖子。如果没有类别或帖子，那么重定向到404页。有可能吗？

浏览 1提问于2022-06-07得票数 0

2回答

我可以使用Nuxt.js来呈现数据库中的数据吗？

node.js、vue.js、sequelize.js、axios、nuxt.js

我正在学习nuxt.js，所以我决定用它创建一个小项目。我看了几份文件。不过，有件事我并不完全明白。如果Nuxt可以使用多个后端框架(express、hapi、koa等)，那么我是否可以使用sequelize之类的工具来创建一个完整的堆栈应用程序呢？例如，我使用express和sequelize访问数据库。然后使用nuxt的asyncData将其呈现给我的组件，而无需使用axios获取。

浏览 1提问于2019-06-18得票数 6

1回答

Nuxt.js动态嵌套视图和参数

vue.js、nuxt.js、vue-router

我有一个关于Nuxt的动态和嵌套路由的问题。我会创造一种计算器。用户可以选择一个主题，并在第一个动态路由(，称为_slug.vue )上获得关于这个主题的动态导航，在这个导航中，用户可以获得有关这个主题的详细信息。在_slug.vue页面上也是一个动态导航，来自REST，该导航在同一页面上触发视图(如：http://localhost/slug/slug2 ) 第一个问题：用户在入门页面上触发一个主题，获取_sl

浏览 0提问于2021-03-05得票数 1

2回答

对于包含阿拉伯字符的URL，Nuxtjs SSR错误“请求路径包含未转义的字符”

nuxt.js

对于nuxt，当使用SSR时，包含阿拉伯字符的URL会抛出一个错误：“请求路径包含未转义的字符”TypeError [ERRUNESCAPEDCHARACTERSB7%D9%85%D8%A7%D8%B7%D9%85 HTTP VERSION | 1.1注意:客户端渲染工作正常

浏览 31提问于2018-09-09得票数 2

回答已采纳

1回答

当使用Nuxt-Link访问路由时，NuxtJS预取数据？

javascript、nuxtjs

我有这样的设置：包含不同<NuxtLink :to="/abc">或<NuxtLink :to="/def">的index.vue -> 带有函数async asyncData() { ... }的abc.vue和def.vue，用于在服务器端从API加载数据。我的问题是，只有在第一次请求路径/abc或/def时，才会在服务器端执行函数asyncDat

浏览 55提问于2020-07-06得票数 0

1回答

我如何分页特定的博客文章的棱镜和Nuxt？

pagination、nuxt.js、prismic.io

如果我在异步函数 asyncData()中修改page选项，那么如何修改它？pages/blog/index.vue <div class="container"> <h2>{{ contentwidescreen is-4-tablet" v-for="(post, index) in post

浏览 0提问于2019-08-04得票数 1

3回答

访问asyncData* - Nuxt中的数据对象*

javascript、vue.js、nuxt.js

我想知道是否有一种方法可以访问asyncData()返回的键形式的对象属性？async asyncData(){ return { bookmark_btn.status:

浏览 1提问于2020-05-26得票数 1

1回答

NUXT2.14生成不更新asyncData

javascript、nuxt.js

问题是，我的数据源通常是变化的，但我的站点代码没有变化，我认为在Nuxt2.14中使用nuxt generate将有助于我跳过webpack构建的用例。然而，在运行跳过webpack生成和跳转生成页面的nuxt generate命令时，生成的页面似乎被更新(正如预期的那样)，但是asyncData中的数据似乎没有得到更新/刷新。}_slug.vue

浏览 2提问于2021-01-19得票数 0

回答已采纳

3回答

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

vue.js、vuejs2、vuex、nuxt.js

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

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

1回答

nuxtjs :如何强制页面重新加载并调用asyncData()？

javascript、vue.js、nuxtjs

在我的NuxtJS SSR项目中，引导-vue作为前端：组件中有asyncData(context)函数，在组件呈现和挂载之前进行一些处理。一切正常，除了一件事外，我需要在某个间隔之后重新加载(或刷新)一个页面，然后再次调用asyncData。我想要刷新vue样式，当只更改组件重发时。我试着打电话给$nuxt.refresh()，但没有任何效果一些代码示例(从实际项目中删除)，页

浏览 2提问于2021-01-22得票数 1

1回答

Fetch钩子和NuxtLoading组件

javascript、vue.js、nuxt.js

我有一个关于在Nuxt App中从asyncData模式迁移到fecth的问题。这看起来很简单，除了一件事--我不能让NuxtLoading组件正常工作。$nuxt.$loading.start()加载，但是没有用。加载指示器只闪烁了一秒钟，在我没有任何输入的情况下消失了。有什么窍门可以让它像asyncData一样工作吗？

浏览 19提问于2021-09-02得票数 4

点击加载更多

如何测试nuxt.js asyncData和fetch hooks

Nuxt.js无法从asyncData()更新head()属性