vue 实现网页静态化

网页静态化是将动态生成的网页内容转化为静态的 HTML 页面，这样可以提高网站的访问速度和减轻服务器的压力。在 Vue 中实现网页静态化有以下两种方式：

1. 使用服务端渲染（SSR）

Vue 提供了服务端渲染（SSR）的功能，可以将 Vue 应用在服务器端渲染为 HTML 页面，然后将生成的 HTML 页面返回给浏览器。这种方式可以利用服务器的计算资源，提高网站的访问速度，并且可以更好地利用搜索引擎优化（SEO）。

2. 使用预渲染（Prerendering）

预渲染是一种将 Vue 应用的静态 HTML 页面生成并存储在服务器上的技术。当用户请求该页面时，服务器会直接返回生成好的静态 HTML 页面，而不是动态生成 HTML 页面。这种方式可以减轻服务器的压力，并且可以使网站更快地加载。

在 Vue 中可以使用类似于 webpack 插件的 prerender-spa-plugin 插件来实现预渲染。该插件会自动将 Vue 应用的路由转化为静态 HTML 页面，并将这些页面保存到指定的目录中。