首页 » SEO关键词 » nuxtjs合适seo吗_nuxtJs新手入门

nuxtjs合适seo吗_nuxtJs新手入门

访客 2024-10-28 0

扫一扫用手机浏览

文章目录 [+]

Nuxt.js大略的说是Vue.js的通用框架,最常用的便是用来作SSR(Server Side Render做事端渲染) ,它简化了SSR的开拓难度.还可以直接用命令把我们制作的vue项目天生静态HTML。
Nuxt.js 紧张关注的是运用的 UI渲染。

​ 二、nuxt的上风

nuxtjs合适seo吗_nuxtJs新手入门 nuxtjs合适seo吗_nuxtJs新手入门 SEO关键词

SEO 不同于SPA的HTML只有一个无实际内容的HTML和一个app.js,SSR天生的HTML是有内容的,这让搜索引擎能够索引到页面内容。

nuxtjs合适seo吗_nuxtJs新手入门 nuxtjs合适seo吗_nuxtJs新手入门 SEO关键词
(图片来自网络侵删)

更快内容到达韶光 传统的SPA运用是将bundle.js从做事器获取,然后在客户端解析并挂载到dom。
而SSR直接将HTML字符串通报给浏览器。
大大加快了首屏加载韶光。
适宜作***、博客、电影、咨询这样的须要搜索引擎供应流量的项目。
如果你要作移动真个项目,就没必要利用这个框架了。

三、​项目搭建

可以利用npm或者yarn来安装,这里以npm安装为例

1、安装node,请到node官网***安装

2、安装vue-cli

请在您想要创建的目录下,在地址栏输入cmd,打开掌握台,输入npm install -g vue-cli 如下

回车开始安装vue-cli安装完成后可以通过vue --version命令来检测是否安装成功。

3、创建项目,输入在掌握台输入npm create-nuxt-app nuxt-demo(项目名)来创建项目,创建项目时可以选择您喜好的ui框架和nodeJS做事框架;

4、在掌握台输入cd nuxt-demo进入到项眼前,再输入npm install axios --save安装axios依赖,用你喜好的编译器打开您所创建的项目,目录如下:

5、在layout目录下创建您的通用项目模板,默认default模板

模板代码如下,<nuxt />标签是页面内容

6、公共的css,js等代码请放在assets目录下,图片,图标等静态文件请放在static目录下。

7、公共的css样式在nuxt.config.js文件里面配置

8、所有的页面请放在page目录下,nuxt会为您自动天生路由。

9、axios数据要求,代码示例如下:

标签:

相关文章

AI赋能,开启智能时代公众号爆款之旅!

公众号已成为当下最具影响力的新媒体平台之一。在众多公众号中,如何脱颖而出,打造爆款内容,成为了内容创作者们共同关注的焦点。如今,A...

SEO关键词 2025-01-15 阅读0 评论0

CT人才与IT未来医疗影像的黄金搭档

医疗影像技术在我国得到了广泛应用。CT(计算机断层扫描)作为其中的一种重要手段,为临床诊断提供了有力的支持。CT技术的应用离不开专...

SEO关键词 2025-01-15 阅读0 评论0

Do It!歌原版,唤醒你的音乐灵魂!

音乐,作为一种独特的艺术形式,具有唤醒人们内心深处情感的力量。在众多优秀的音乐作品中,Do It!以其激昂的旋律、鼓舞人心的歌词,...

SEO关键词 2025-01-15 阅读0 评论0

DoIt卫生问题,你了解多少

人们的生活水平不断提高,对卫生问题的关注度也越来越高。DoIt卫生问题作为我国卫生领域的一大难题,引起了广泛关注。本文将从DoIt...

SEO关键词 2025-01-15 阅读0 评论0