将Vue.js添加到现有的非单页面应用程序

时间:2017-11-27 19:52:19

标签: javascript vuejs2 vue-router

我有一个CMS支持的网站,其中添加了Vue.js来处理网站的UI功能。该功能具有切换页面上内容的选项卡。我需要使标签可以深层链接,因为需要有一种方法可以在页面加载时将某个标签设置为活动状态。我可以使用URL轻松实现这一点,但我想看看我是否可以使用Vue.js路由器。我无法找到任何资源将路由器添加到未完全由Vue.js供电的现有站点。

有没有办法在没有任何额外服务器配置的情况下添加vue-router?

1 个答案:

答案 0 :(得分:2)

您可以在哈希模式下使用Vue Router获取历史记录。您的网址最终会是www.example.com/post/1#tab1www.example.com/post/1#tab2

有一点需要注意,如果搜索引擎优化对此网站很重要,那么您需要在服务器上进行路由,以便让Google更容易抓取该网页。