Nuxt |在浏览器中查看源代码时,某些HTML标记仅显示在JavaScript标记内

Nuxt |在浏览器中查看源代码时,某些HTML标记仅显示在JavaScript标记内,javascript,vue.js,seo,nuxt.js,Javascript,Vue.js,Seo,Nuxt.js,如果您查看此页面并右键单击它并选择“查看页面源代码”,您将在中找到例如文本“100s男子与货车供应商”,而不是在HTML标记中 这些标记由后端API发送到前端(Nuxt.js/vue.js) 我尝试使用Vue.js lifecycle创建的和装载的 我做错了什么 我知道这对搜索引擎优化不好 更新: 这个网页的一部分我使用了无ssr。你认为这可能是问题的原因吗 我使用了npm运行build并将应用程序部署到Node.js服务器上 也许您应该检查模式属性是否在nuxt.config.js中正确设置

如果您查看此页面并右键单击它并选择“查看页面源代码”,您将在
中找到例如文本“100s男子与货车供应商”,而不是在HTML标记中

这些标记由后端API发送到前端(Nuxt.js/vue.js)

我尝试使用Vue.js lifecycle
创建的
装载的

我做错了什么

我知道这对搜索引擎优化不好

更新:

  • 这个网页的一部分我使用了
    无ssr
    。你认为这可能是问题的原因吗
  • 我使用了
    npm运行build
    并将应用程序部署到Node.js服务器上

也许您应该检查模式属性是否在nuxt.config.js中正确设置为“universal”

更新:

我认为这是因为您在创建或装载中获取数据,所以它们仍然不是服务器端redder

如果您想在源代码中显示某些内容以导入SEO,那么请在
asyncData()中获取数据。

例如:

以前

created(){
  this.getSomethingFromAPI()
}
之后

asyncData(){
  this.getSomethingFromAPI()
}

您是否在服务器上运行npm(或yarn),或者您是否上载了nuxt生成的页面(使用
npm run nuxt generate
(或
yarn nuxt generate
)@ToniMichelCaubet I use Node.js server
npm run build
模式正确,可能是
没有使用ssr
标记。