Q：简单实现URL只能页面跳转，禁止直接访问

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据，且不同标签页的session不能共享，通过此特性来控制某个页面只能通过上级页面同标签页跳转进入

 

1，需求分析：首页关闭某个二级跳转页面入口，但可以通过连接直接访问

2，通过在一级页面添加存储　　sessionStorage.setItem("routerView", "1");

3，二级页面添加检索　　　　　sessionStorage.getItem("routerView");

document.addEventListener("DOMContentLoaded", function (e) {
    console.log("初始DOM 加载并解析");
    let Session = sessionStorage.getItem("routerView") || 0;
    if(loginSession != 1){
        layer.msg("无效访问！！！", {icon: 2,time: 800,area:['200px', '70px']}, function () {
            window.location.href = "/";
        });
        return;
    }
});

 

转载于:https://www.cnblogs.com/chuanq/p/11528171.html