vue.js 我可以用pin码保护PWA中的某个页面吗？

jbose2ul 于 2023-01-26 发布在 Vue.js

关注(0)|答案(1)|浏览(111)

bounty将在4天后过期。回答此问题可获得+200声望奖励。mef_正在查找规范答案：我想通过密码/密码保护应用程序中的一个视图。视图打开后，用户应该无法在不输入密码/密码的情况下转到上一个视图。

我正在为一家餐馆建立PWA，我需要使用密码或密码保护某些页面。平台：Safari浏览器iPad。
应用程序本身只有2个视图：

显示所有表格
显示特定table的帐单

当服务员点击一张table时，它会显示一张账单，然后将账单交给客户。我如何限制客户返回主屏幕，所有table都有一个pin码或密码，例如，在工作会话开始时设置（当服务员验证时）？

vue.js

来源：https://stackoverflow.com/questions/75172313/can-i-protect-certain-page-in-pwa-with-a-pin-code

1条答案

按热度按时间

nimxete21#

您可以使用路由器中间件来防止客户端导航到其他地方。

router.beforeEach(function(to, from, next) {
    if (isLocked) {
        alert('Navigation is locked');
        next(false);
    } else {
        next();
    }
});

这里有一个例子，服务员在选择账单后可以锁定页面。虽然它可以在挂载中自动设置。你可以根据自己的需要调整代码。
Jsfiddle

赞(0）回复(0）举报 2023-01-26

我来回答

vue.js 我可以用pin码保护PWA中的某个页面吗？

1条答案

相关问题

热门标签

最新问答