SPA 页面刷新的原因?

Reason SPA pages are refreshing?

刚学完 Vuejs 并在访问了一些使用 Vuejs 的网站后喜欢;

a) https://coderstape.com
b) https://www.thenetninja.co.uk
c) https://laracasts.com

我注意到,通过点击 navbar 链接和其他一些链接浏览网站,然后页面会刷新,但我无法在线找出原因。有人可以解释一下那是怎么回事吗?这不违背SPA的宗旨吗?

例如您指定的最后一个站点:https://laracasts.com

在其主页上有一个白色按钮“浏览课程”。如果你打开 Chrome DevTools 面板(查看带有解释的图片),转到选项卡“Networks”(1)然后单击这个白色按钮,你可以看到 GET 请求到“series?curated”(2) .如果您打开它的详细信息,您可以看到作为响应,新页面以 HTML 代码 (3) 的形式收到,而不是 JSON,例如,在 SPA 中通常是这种情况。

另外,如果你看一下这个站点使用的是什么编程语言,比如使用服务https://whatcms.org/?s=laracasts.com,你可以看到这是一个PHP,即Laravel .

从这一切,我可以假设他们只部分使用 Vue.js,可能在几个组件中,但站点导航本身以传统静态页面的形式呈现,这就是页面的原因重新加载。

此外,例如,如果您查看此网站 https://www.spendesk.com/,您会发现他们使用 Vue.js+Nuxt.js,以及 Node.js ,如服务 whatcms.org 所示,如果您尝试导航到此站点上的各个页面,您将看不到任何页面加载。我可以说这个网站是一个真正的 SPA,其形式如您所愿。

我听说你可以用 Laravel 后端做 SPA,但我认为那是另一回事了。