全站静态化(nuxt入门教程(一)vue如何实现全站静态化)

大家好，感谢邀请，今天来为大家分享一下全站静态化的问题，以及和nuxt入门教程(一)vue如何实现全站静态化的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！

PHP网站如何纯静态化

纯静态网站在网站中是怎么实现的？

纯静态的制作技术是需要先把网站的页面总结出来，分为多少个样式，然后把这些页面做成模板，生成的时候需要先读取源文件然后生成独立的以.html结尾的页面文件，所以说纯静态网站需要更大的空间，不过其实需要的空间也不会大多少的，尤其是对于中小型企业网站来说，从技术上来讲，大型网站想要全站实现纯静态化是比较困难的，生成的时间也太过于长了。不过中小型网站还是做成纯静态的比较，这样做的优点是很多的。

而动态网站又是怎么进行静态处理的？

页面静态化是指将动态页面变成html/htm静态页面。动态页面一般由asp,php,jsp,.net等程序语言编写而成，非常便于管理。但是访问网页时还需要程序先处理一遍，所以导致访问速度相对较慢。而静态页面访问速度快，却又不便于管理。那么动态页面静态化即可以将两种页面的好处集中到一起。

nuxt入门教程(一)vue如何实现全站静态化

不知道你有没有发现，vue做的网站除了首页以外，其他页面根本就不能被百度收录。以至于有很多做seo的同事痛斥其种种不是，最后被强迫改为不分离开发。

至于vue的详情页为什么不能被百度收录，这就涉及到了spa的核心概念，因为数据都是异步获取来的，前端根本就没有所谓的纯静态一说。通俗点讲就是，页面都是js通过ajax获取到数据以后，动态生成的。既然它本来就没有一个文件放在服务器上，当然，爬虫也就不能获取到这个静态的url地址了。

但是url静态地址又是做seo必须的东西..

所以今天龙哥教你一套新的前端框架，基于vue的ssr前端框架—nuxt。本地开发的时候，使用vue语法，模块化你的项目，然后发布的时候生成静态，把ajax获取来的内容转化成静态html以利于seo。真正实现模块化和静态化两不误！

首先说明一下，龙哥本地的nuxt环境是2.8.1。如果你的版本号和我的不符，可能有部分语法你需要参考官方API开发手册。

使用命令：

小知识：啥是npx？

我们以前不是用的npm吗，但是这货每次安装东西的时候，你还得给全局装一个-g，相当于你电脑里老得有这个服务。

但其实你项目中已经包含了运行时候所需要得所有东西了。

如果你用了npx，他不会给你装这个东西，而是装得时候用一下，用完了就卸载，效率更高。

npx是nodejs在5.0版本以后新加入的，非常牛逼。

所以我们现在来cnpm-g那一步都不需要了，我们直接npx创建项目即可！！！

直接输入

注意这里有可能报错，不用管他，过个几秒就安装好了。

还有一个需要注意的地方，你的git版本不能低于2.17否则后面有几个需要arrow选择得地方你可能选不了，请升级你的git版本。

然后就可以开始安装了。

等你看到这个界面，就是安装好了。

他会自动安装所需要得所有包，安装完了以后你进入localhost:3000

出现这个界面，就OK了

网站URL动态好还是静态好哪种利于优化

常见的URL表现形式有静态、动态、伪静态三种。如果是严格分类来说，伪静态也是动态的一种，只是表现形式为静态URL结构。

基本我们对一个网站进行系统的SEO操作，都会去分析一个网站的URL，如果URL里面带有比较复杂的符号参数的动态形式，一般我们都会进行伪静态的处理。这样去做，就是为了提高网站的收录，因为之前一直有着这样一种说法，搜索引擎对于网址的分析识别能力有限，如果是参数过于复杂是比较难抓取的。那么对URL的处理，也就是SEO操作非常有必要的一步。推荐阅读：如何从SEO的角度去设计网站URL?

首先我们来看看静态、动态、伪静态这三种URL结构有什么优缺点。

1、静态页面

优点：相比其他两种页面，速度最快。不仅仅是加载速度最快，而且不需要从数据库里面提取数据，速度快的同时，也不会对服务器产生压力。

缺点：由于数据都是储存在HTML里面，所以导致文件非常大。并且最严重的问题是，更改源代码必须全部更改，而不能改一个地方，全站静态页面就自动更改了。如果是大型网站有比较多的数据，那会占用大量的服务器空间，每次添加内容都会生存新的HTML页面。如果不是专业人士维护比较麻烦。

SEO：静态页面对于搜索引擎是非常友好的，至于说为什么友好，可能有很多个人站长并不清楚，我们直接在优点里面，就能够找到搜索引擎喜欢的东西，搜索引擎最喜欢的就是速度快，网站速度快，表明你的网站服务器非常的好，虽然说这个速度的提升是非常的微弱的，可能只有几豪秒，或者更少的速度提升，但是可能就是这一点点的时间，让搜索引擎更喜欢你呢。

2、动态页面

优点：空间使用量非常小，一般几万条数据的网站，使用动态页面，可能只有几M的文件大小，而使用静态页面少则十几M，多则几十M。因为数据是从数据库里面调用而来，所以如果要更改某些数值，直接更改数据库，那么所有的动态页面，就会自动更新了。这一点相比静态页面好处就大很多了。

缺点：用户访问速度较慢，为什么会访问动态页面较慢呢。这个问题我们就必须从动态页面的访问机制说起了，其实我们的服务器上面有一个解释引擎，当用户访问的时候，这个解释引擎就会把动态页面翻译为静态页面，这样大家就能够在浏览器里面查看源码了。而这个源码就是解释引擎翻译以后的源码。除访问速度较慢以外，动态页面的数据是从数据库里面调用过来的，如果访问人数非常多，数据库的压力就会非常大的，不过现在动态程序都是使用了缓存技术。但是总体来讲，动态页面对于服务器的压力比较大一点。同时动态页面的网站一般对服务器高求要比较高一些，同时访问的人越多也会造成服务器压力越大。

3、伪静态

优点：大家都知道静态页面对SEO有很大益处，而且静态页面对服务器的负载很小，但静态页面的缺点是不能随时更新。对于伪静态的优点，这个并不好讲，伪相比动态网页而言，并没有提到速度上面的提升，相比较而言，因为是“假”静态页面，其实还是一个动态页面，也是同样需要翻译为静态页面的。最大的好处就是让搜索引擎把自己的网页当做静态页面来处理。

缺点：从名称上面就能够看出来缺点，“伪静态”其实就是“假静态”，搜索引擎会不会把他当做是静态页面来处理，这只是我们靠经验靠逻辑去分析的，并不一定准确。或许搜索引擎直接把他认为是动态页面，我们做那么多努力，其实什么也没有换来。

SEO：而优点是把动态页面，比如说/或者/转换为/但是这样的一种表面的转换，对于搜索引擎有没好处，这是谁也不敢讲的。但是我们不能确定的东西，不能认为他不存在。伪静态对SEO的作用和真静态相同，被访问时会导致服务器负载增大，但它可以实时动态更新的确非常方便。只要将负载问题控制合理，使用伪静态的利大于真静态，所以在很多论坛程序、CMS内容管理我们来简单总结一下：

1、使用纯静态和伪静态对SEO来说没有什么本质的区别

2、使用纯静态可能将导致硬盘损坏并将影响论坛性能

3、使用伪静态将占用一定量的CPU占有率，大量使用将导致CPU超负荷

4、最重要的一点，我们要静态是为了SEO

5、静态化的网站开发成本都比较高，对于中小企业建议考虑成本。

所以：

1、使用纯静态的方法可以直接排除了，因为无论怎么生成，对硬盘来说都是很伤的。

2、既然纯伪静态的效果一样，我们就可以选择伪静态了。

3、但是伪静态大量使用会照成CPU超负荷。

4、所以我们只要不大量使用就可以了。

5、既然静态只是给SEO看的，我们只需要伪静态给SEO就行了，不需要给用户使用。

6、所以我们只要在专门提供给SEO爬的Archiver中使用伪静态就可以了。

感谢您花时间阅读本文！我们希望通过对全站静态化和nuxt入门教程(一)vue如何实现全站静态化的问题进行探讨，为您提供了一些有用的见解和解决方案。如果您需要更多帮助或者有其他疑问，请不要犹豫与我们联系。