如何实现授权？如何防止用户通过编写 URL 直接访问我的 html 页面？答案

【问题标题】：How to acheive authorization ? How to prevent a user from directly accessing my html pages by writing URL?如何实现授权？如何防止用户通过编写 URL 直接访问我的 html 页面？
【发布时间】：2021-03-07 00:22:35
【问题描述】：

我正在开发一个带有 uibuilder 节点的节点红色项目。它基本上是 [html, css, js(with vue)] 页面。

我想让每个用户只打开允许的页面的登录授权部分。

我怎样才能做到这一点？通过令牌？通过允许使用 URL 直接访问页面？

附：我是这部分网络的新手，我尝试搜索但找不到我需要的东西。

【问题讨论】：

恕我直言，做这种事情的最好/最简单的方法是后端身份验证。在用户登录时保存任何唯一的哈希，然后在每个页面上（在后端）询问您是否说过令牌，如果是，则允许访问。

标签： javascript html web

【解决方案1】：

我搜索了很多，在我找到这个问题之前，一切都是死胡同 Detect if page was redirected or loaded directly(Javascript)

而不是在令牌上遇到麻烦，并在每个页面上检查它是否有效。

我允许通过 URL 访问任何页面（登录除外）。如果你想访问一个页面，它只能通过重定向。

我通过在页面加载时检查页面是否有历史记录来实现这一点。如果没有历史记录，则将其重定向到登录页面。我将此部分添加到我的 vue-js 文件中：

window.onload = function() {
        if(document.referrer == "") window.location.href = "http://localhost:1880/Login/login.html";
}

附：如果互联网上都说阻止通过 URL 访问是不可能的，请不要失望。搜索更多，因为它实际上是可能的。 ??

【讨论】：

因此，如果我想破解您的网站，我只需写window.location.href = ... 即可访问您网站上的任何页面？似乎不是最好的解决方案。
Can I rely on Referer HTTP header?