nuxt框架Universal和Spa两种render mode的区别

如下图,官网上对于Universal 和 Spa 两种render mode的区别,并没有加以说明,相信大多数人跟我一样有点懵,不知道选什么好。虽然两个模式创建的项目看不出区别。

先给出推荐选项: Universal 

推荐理由:

可以这样武断的说,用nuxt的人多半是为了解决SEO的问题,而Universal 和 Spa 的区别也恰好就在于对seo的实现存在差异。

在我基于nuxt搭建的个人博客中,我用了谷歌的免费xml工具自动生成网站地图,也就是sitemap.xml文件。如下:

  • 项目选择Spa模式时:

  • 项目选择Universal 模式时:

看出区别了吧,spa是单页,所以只有一个入口文件,sitemap也就只有一个url,这会导致网站辛辛苦苦搭建的服务端渲染最多只被搜索引擎收录一个页面。

而Universal则能实现所有网站路径完全被收录,这才是最初我们使用nuxt的初衷。

附:

sitemap.xml   网站地图,主要作用是告知搜索引擎站点中存在的链接,引导抓取收录。一般放在站点根目录即可(也有办法主动推送给网络爬虫,这里不展开讲)。主要包含信息是链接、最后修改时间、优先级。

谷歌免费xml生成工具     https://www.xml-sitemaps.com   需要FQ,要有梯子才行。

原文地址:https://www.cnblogs.com/hcxy/p/10069262.html

时间: 2024-10-15 11:29:10

nuxt框架Universal和Spa两种render mode的区别的相关文章

select into from和insert into select from两种表复制语句区别

select into from和insert into select from两种表复制语句区别 select * into target_table from source_table; insert into target_table(column1,column2) select column1,5 from source_table; 以上两句都是将源表source_table的记录插入到目标表target_table,但两句又有区别.第一句(select into from)要求目标

多线程两种实现方式的区别

请解释Thread类与Runnable接口实现多线程的区别?(请解释多线程两种实现方式的区别?) 1. Thread类时Runnable接口的子类,使用Runnable接口实现多线程可以避免单继承局限!2. Runnable接口实现的多线程可以比Thread类实现的多线程更加清楚的描述数据共享的概念! 请写出多线程两种实现操作?(写出Thread类继承的方式和Runnable接口实现的方式代码!) 实现Thread类: 类似于代理设计模式! class MyThread extends Thre

java基础复习之对于String对象,可以使用“=”赋值,也可以使用new关键字赋值,两种方式有什么区别?

String类型是实际工作中经常用到的类型,从数据类型上划分,String是一个引用类型,是API中定义的一个类.所以String类型的对象可以用new创建,例如String name=new String("string");为变量name进行赋值,值为"string" ,然而String类比其他类有些特殊,可以使用'='直接赋值,如 String name="string";也是为变量name进行赋值,值为"string"

oracle数据库【表复制】insert into select from跟create table as select * from 两种表复制语句区别

create table  as select * from和insert into select from两种表复制语句区别 [sql] view plain copy create table targer_table as select * from source_table insert into target_table(column1,column2) select column1,column2 from source_table 以上两句都是将源表source_table的记录插

Java中String的两种赋值方式的区别

本文修改于:https://www.zhihu.com/question/29884421/answer/113785601 前言:在java中,String有两种赋值方式,第一种是通过"字面量"赋值,如:String str="hello",第二种是通过new关键字创建新对象,如:String str=new String("hello").那么这两种赋值的方式到底有什么区别呢,下面给出具体分析. 1.首先回顾Java虚拟机的结构图. 在上面的

Python 中格式化字符串 % 和 format 两种方法之间的区别

Python2.6引入了 format 格式化字符串的方法,现在格式化字符串有两种方法,就是 % 和 format ,具体这两种方法有什么区别呢?请看以下解析. # 定义一个坐标值 c = (250, 250) # 使用%来格式化 s1 = "敌人坐标:%s" % c 上面的代码很明显会抛出一个如下的TypeError: TypeError: not all arguments converted during string formatting 像这类格式化的需求我们需要写成下面丑陋

Golang两种执行流程以及区别

Go语言的执行方式有两种,一种是编译后再执行,另一种直接go run执行. 一.先编译后执行 .go文件(源代码)--->go build指令把源代码编译(如果是windows下会编译出一个.exe可执行文件,如果是linux或者mac,那么会没有后缀,仍然是一个可执行文件)--->执行输出结果 二.对源代码直接执行go run .go文件(源代码)--->底层编译运行,是隐藏的(所以这里速度稍微要比编译慢)--->执行输出结果 两种执行方式的区别 ①:如果我们先编译生成了可执行文

GET,POST两种请求方式的区别

非原创,出处(http://blog.csdn.net/mfe10714022/article/details/39692305) Http定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET,POST,PUT,DELETE.URL全称是资源描述符,我们可以这样认为:一个URL地址,它用于描述一个网络上的资源,而HTTP中的GET,POST,PUT,DELETE就对应着对这个资源的查,改,增,删4个操作.到这里,大家应该有个大概的了解了,GET一般用于获取/查询资源信息,而POST一般

String 两种实例化方式的区别

package com.java1234.chap03.sec08; public class Demo3 { public static void main(String[] args) { //1,直接赋值方式,创建的对象存放到字符串对象池里,假如存在的,就不会再创建: //2,new 对象方式,每次都创建一个新的对象: String name1="张三"; String name2="张三"; String name3=new String("张三&