vue技巧：解决网页静态化的问题

Posted 2023-04-06

参考技术A 我们使用vuecli打包出来的vue页面，只有一个html。不错这确实是spa牛逼的地方。
但是对于seo来说，这也是一个致命缺陷。
那就是，完全没法seo。这货连个实体页面都没有。那就很难受了。

此时我们需要借助插件prerender-spa-plugin解决问题。在项目目录输入

这里你需要注意一点，你现在需要设置你的route为history模式。当然我们一直是这个模式，之前有人使用hash模式，那个是不可取的。

接着打开webpack.prod.conf.js这个文件在build文件夹中，添加

然后还是这个文件，找到plugins，在里面加入

注意着里面的地址，是生成静态化以后的目录，这里跟你的route地址是对应的。按照你的route来写。

然后重新输入

完成后是这样的

这只是一个治标不治本的解决办法！因为只有route中的页面被生成了静态页面，我们的内容页面是无法生成静态的。那么这该怎么办呢？如果你既想使用vue那简介的语法进行开发，又希望项目能实现cms那样自动生成静态的功能，你就需要用到一个吊炸天的东西—基于vue的nuxt.js来开发！

请持续关注龙哥的后续教程！

Python网络爬虫技巧小总结，静态动态网页轻松爬取数据

很多人学用python，用得最多的还是各类爬虫脚本：有写过抓代理本机验证的脚本，有写过自动收邮件的脚本，还有写过简单的验证码识别的脚本，那么我们今天就来总结下python爬虫抓站的一些实用技巧。

 

静态网页

对于静态网页的爬虫不用多说大家也都知道，因为爬取静态网页非常的简单，只要用requests直接把html爬取下来然后用正则表达式匹配就可以了。

 

动态网页

相对于静态网页的简单，但是动态网页的就会相对而而言会复杂一下，而且现在互联网的发展速度，动态网页是最多的，静态网页是比较少的，不过他有张良计，我有过墙梯。

动态网页的http请求分为两种形式:

Get方法和post方法

• Get方法：比如说我们在浏览器上输入一个网络地址，就是发起一个Get方法的请求。这种网络地址就是URL。
• Post方法：在爬虫中不常见，故不详细介绍

如果知道一个网站的请求是形式，熟练使用F12开发者工具，里面查看network就可以了。

看一下案例

 

当然了，并不是所有的网页都是靠发送请求来得到数据的，也有非发送数据的动态网页。

对于这样的网站，我们一般是用selenium来做模拟浏览器的行为，可以直接获取浏览器渲染后的结果。不过selenium的速度比较慢。

具体案例如下：

 

所以无论网页是静态网页还是动态网页都是方法爬取的，当然了，很多网站是需要登录和识别验证码、反爬等，无论网站出什么样的措施都是有应对方法，关键在于你会不会。