以前一直用 `vue3`,现在在学习用 `nuxt3`,遇到一个传 `token` 的问题,研究半天没明白,`nuxt3` 这个 `token` 要怎么请求的时候传过去? 我先讲下我的 `vue3` 是怎么用的 用户第一次访问网站,检查 `localStorage.getItem('token')` 是否为空,如果为空或`token`过时,直接跳到登录页面,登录后获取 `token` 存放到 `localStorage.setItem('token', token)` 里面,之后每次页面的所有请求都在 `headers.Authorization` 里面带上,如下: import axios from 'axios'; axios.post('/api/users', { headers: { Authorization: 'Bearer ' + localStorage.getItem('token') } }).then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); 那 `nuxt3` 获取的 `token` 放在哪,怎么在下面请求中带上? const { data } = await useFetch('/api/users'); `xxx.vue` 文件中,更本就不能使用 `localStorage`,该怎么做? 网上都说用用 `useState`, // states.ts export const useToken = () => useState('token', () => ''); 登录后获取 `token`,存到 `useToken().value = token` 里面,那我刷新页面不就没了