nuxt3 axios 请求出来的数据在源代码中没有这也没有办法 SEO 呀?-灵析社区

你好我叫张倩话

nuxt.config.ts 中的 ssr 也是 true 自己写的后台接口 页面显是正常的,但是右键, 查看源代码后里面没有请求回来的数据呀! 这能 SEO ? 是哪里还需要配置下吗? nuxt.config.ts代码: export default defineNuxtConfig({ app: { head: { charset: 'utf-8', viewport: 'width=device-width, initial-scale=1', } }, devtools: {enabled: false}, //关闭遥测数据 telemetry: false, modules: ['@pinia/nuxt'], css: [ "@/assets/style/style.css" //配置使用的样式 ], ssr:true, }) 页面代码: 0"> {{row.title}} {{dateDisplay(row.created_at)}} 默认分类 {{row.views}} 阅读 评论 标签: {{tag}} 没有了 没有了 import {onMounted,ref} from "vue"; import {getArticleDetail} from "~/api/article"; import type {ApiResponse,ArticleItem} from "~/types/intreface"; import {dateDisplay} from "~/utils/date"; import {_length} from "~/utils"; import { useRoute } from '#app'; const route = useRoute(); const params = route.params; const id = ref(params.id); const loading = ref(false); const row = ref(); onMounted(async()=>{ await fetchData(); }) const fetchData = async()=>{ try { loading.value = true; const data:ApiResponse = await getArticleDetail({id:id.value}); if(data.code!==0){ return Promise.reject(data.message); } row.value = data.data as ArticleItem; if(_length(row.value.url)===0){ row.value.url = '/archives/'+row.value.slug; } useHead({ title: row.value.title, meta: [ { name: 'description', content: '我的神奇网站。' } ], bodyAttrs: { class: 'test' }, script: [ { innerHTML: 'console.log(\'Hello world\')' } ] }) }catch (e) { loading.value = false; } }

阅读量:201

点赞量:0

问AI
生命周期问题。 "onMounted" 里面的请求不会在 "SSR" 阶段发起。 * "Data fetching · Get Started with Nuxt" (https://link.segmentfault.com/?enc=h1QiEITUz%2FXwpOX0MASZjA%3D%3D.PDd0dz6cWCPERIQw36lxz4lrvK1%2FXZHphdbMoZvS7sMpO%2FHUhm4ZwArbMdqmTMIu8%2FK0jaMl1K9EjIZtFao2jA%3D%3D) * "Lifecycle Hooks · Nuxt API" (https://link.segmentfault.com/?enc=cEr0rI6BE%2FJt7%2B3dQ1k%2FAw%3D%3D.P9hGc2o0hOEhaNwL%2BX%2Baz%2FA9qGMLTPbtG0zP%2Bjy%2FFOXfECZgffmd7vQ5OhqRewbEqxWT7tqTL3ywpYH9T3kWVA%3D%3D) "Nuxt 2 - Nuxt Lifecycle" (https://link.segmentfault.com/?enc=Q4OQWxnVv6poDk5wYMOfRA%3D%3D.ySnoZTFmqkmF8AcWpkdteaMqF%2FNVDOvIXYaJhbYiMHh4Q%2B8yBkAu%2BWhK3mswIELYowsqdmJ5SwArNyqsgUt%2FQQ%3D%3D) 这样有演示的生命周期的文档没有在Nuext3里面找到,但是看2的也是一样的。