vuejs SPA应用程序和预录制指南(+ sitemap)

Question

我读过很多关于预录制以及如何在vue js应用程序中实现它的文章。我已经在vuejs应用程序中成功地使用了https://github.com/chrisvfritz/prerender-spa-plugin/。在对配置进行了一些痛苦之后，我现在有了几个routename.html文件(Hourra /)。

但现在我有点迷路了。I正在寻找通用指南(如何)。

Prerendenring页面应该用于客户端(因为它是html，而且速度会加快，但是如何切换到vuejs客户端页面呢？)或者只适用于爬虫(如googlebot)？如果一个爬虫试图访问一个页面，我应该将它重定向到预结束的页面吗？

还有一个问题:我是否应该将这些预录制页面添加到我的站点地图中？

Answer 1

到目前为止，我得到了预录SPA页面是因为SEO的原因，在第一。如果没有预录制，搜索引擎机器人就无法在用浏览器调用页面时爬行javascript生成的内容。预先录制的页面必须上传到服务器并链接到站点地图中。bot (不支持js)将调用预录制的html页面。如果在浏览器启用js的情况下调用页面--javascript-文件(加载在预录制的页面中以及启用js的时间)将接管并重新编辑页面。

记住，您可能需要一个.htaccess文件来将路由路径映射到重命名的文件。可能看起来像：

# .htaccess
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>

我刚刚第一次测试了这个，并让它像那样工作。在我的设置中，我的dist文件夹中有这个文件结构：

index.html
    about/index.html
    work/index.html
    etc.

在我的应用程序中有匹配的路径

/
/about
/work