🖥
Nuxt – ブラウザ ( Chrome Developer Tool ) の Networks タブにAPI通信内容が表示されない ( S
問題
SSRだとサーバー処理層(?)に処理が隠蔽されている影響かNetworksタブに内容が表示されない
解決
Nuxt dev toop > Payload で Refetch all-data を選ぶとブラウザ側にも表示されるようだ
コード例
<script setup lang="ts">
const { data: data1 } = await useFetch(
"https://jsonplaceholder.typicode.com/todos/"
);
const { data: data2 } = await useFetch(
"https://jsonplaceholder.typicode.com/todos/"
);
</script>
<template>
<div>{{ data1 }}</div>
<div>{{ data2 }}</div>
</template>
チャットメンバー募集
何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。
公開日時
2023-08-12
Discussion