vue3的发布并逐渐被广泛使用后，nuxt也迎来新的版本3。相应的新的版本也对应着我们需要去了解及熟悉其对应的使用。

本篇文章就来介绍在nuxt3开发中出现的问题：浏览器刷新页面后，数据没有从新请求。导致页面没有正常展示数据。

关于该问题解决方法如下：

方式一：steTimeout延时执行（不推荐）

setup () {
	setTimeout(() => {
		//产品详情
		$http({
			method: "POST",
			url: '/api/Product/getProduct',
			body: {'sku':'111'},
		}).then(res => {
			console.log("产品详情", res.data);
		});
	},1000)
}

方式二：nextTick方法处理

    nextTick是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后使用nextTick，则可以在回调中获取更新后的 DOM，在下次 DOM 更新循环结束之后执行延迟回调。

    简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数

async setup () {
	await nextTick();
	//产品详情
	$http({
		method: "POST",
		url: '/api/Product/getProduct',
		body: {'sku':'111'},
	}).then(res => {
		console.log("产品详情", res.data);
	});
}

通过上述两种方法可以完美解决，页面刷新数据没有正常请求问题。