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 servernpm run build
模式正确,可能是没有使用ssr
标记。