我正在使用next.js和redux构建一个web应用程序,并尝试在刷新或访问页面时通过直接输入url地址来获取数据。 我在getInitialProps中添加了一个"getItems“操作,这样它就会在刷新页面时自动触发,但它永远不会工作。 如果我在页面刷新后手动单击"getItems“操作按钮,它会从DB加载数据,所以我猜操作函数工作得很好。 但是如何在刷新页面时自动获取数据呢? import Head from 'next/head'
import Link from 'next/link'
import { connect } from
我正在开发一个使用NEXT.JS和Redux的电子商务商店。因此,在产品列表页面中,我使用Price Low to High、Price High to Low和New Arrivals进行排序选择下拉列表。选择此选项后,我希望在不刷新页面和API调用的情况下更改URL。我已经尝试使用下面的代码,但它不工作,页面正在重新加载。
function sortBy(value) {
router.replace({
pathname: '/products/'+slug,
query: { sort: value }
})
d
在第一页刷新时,asyncData函数无法获取持久化状态。当我跟随另一个NuxtLink,回到这个页面时,当状态不发生变化的时候,数据就在那里了。这意味着在第一次加载/刷新时,服务器端无法使用持久化状态。LocalStorage是我选择持久化相关状态项的地方。
使用asyncData的页面组件:
asyncData({ app, params, store }) {
//its not available upon first refresh, but is after following a random nuxtlink and going back
const cartP