草庐IT

javascript - 是否可以在 vue-router 中锁定除一条以外的所有路由？安全吗？或者我应该使用另一种方法？

coder 2025-03-22 原文

我想做一个在线考试，这个考试有 5 页，有一个倒计时计时器(120 秒)，每页有 4 个问题。 120 秒后，用户将自动转到下一页，或者他们可以在此之前单击下一步按钮。

Laravel5.4 和 VueJs，用户回答的每个问题都有一个 Ajax 请求。我想要的是阻止用户看到其他页面。每个页面最多只能显示 120 秒。用户不应该能够点击后退按钮并查看之前的页面。这可能吗？

我想用 Vuejs 和 vue-router 创建这个应用程序，但我不知道如何用 vue-router 实现它，我做了一些研究，但没有得到太多结果!

或者也许我不应该使用 vue-router，而是使用我自己的简单路由器，例如:

$("#page1").show();
$("#page2").hide();
$("#page3").hide();
.
.
// after 120 secs 
$("#page1").hide();
$("#page2").show();
$("#page3").hide();
.
.
 // i think this is not secure !

任何想法表示赞赏。谢谢。

更新: 在此考试中，用户可以看到从 words 表中随机选择的 English words 列表，除此之外什么都没有!用户点击他认为他知道其含义的每一个词!以及每次点击的 ajax 请求，以将单词的 ID 保存在 results 表中。此外，还有一个 fake_words 表，除了 actual words 之外，还会随机选择 50 个单词，如果用户点击 fake words 超过 3 次，测试将失败。最终结果将告诉用户他有多少词汇技能。

更新 2: 我尝试使用 vue-router 来实现这一点，但在开始编码之前，我认为也许不应该使用 vue- router 因为所有问题都是在一个查询中随机从数据库中获取的，然后在考试开始之前，所有问题都被发送(ajax)到浏览器，现在我该怎么办？将它们分成不同的数组并将每个问题数组发送到我的一个页面？我必须这样做吗？我不能只为他们使用一个 v-for 吗？如果我决定更改问题数量怎么办？然后我想我每次都必须修改我的代码并为 vue-router 创建新页面或删除其中一个页面。

最佳答案

如果这真的是像考试这样的高风险代码，您应该重新考虑您的方法:“Never trust the client”。我建议为后端编写代码来解决您的问题。

1) 使用中间件保护端点，即:

2) 在访问页面时创建时间戳

3) 120 秒后不接受用户的新帖子(回答)

注意:我希望他们也必须在线回答，否则不能保证安全:如果问题放在浏览器窗口中，他们可以一直缓存这个问题，即使是最好的代码他们也可以拍照屏幕。

编辑:我会使用 pagination限时将问题一一发送。

编辑 2: 当开发工具打开时，我也会向服务器发送通知。你可以试试https://github.com/sindresorhus/devtools-detect

关于javascript - 是否可以在 vue-router 中锁定除一条以外的所有路由？安全吗？或者我应该使用另一种方法？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45244566/

javascriptvue-routercodestrongsectionvue.jsvuejs2

有关javascript - 是否可以在 vue-router 中锁定除一条以外的所有路由？安全吗？或者我应该使用另一种方法？的更多相关文章

  1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

    我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

  2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  3. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  4. ruby - Facter::Util::Uptime:Module 的未定义方法 get_uptime (NoMethodError) - 2

    我正在尝试设置一个puppet节点，但ruby​​gems似乎不正常。如果我通过它自己的二进制文件(/usr/lib/ruby/gems/1.8/gems/facter-1.5.8/bin/facter)在cli上运行facter，它工作正常，但如果我通过由ruby​​gems(/usr/bin/facter)安装的二进制文件，它抛出:/usr/lib/ruby/1.8/facter/uptime.rb:11:undefinedmethod`get_uptime'forFacter::Util::Uptime:Module(NoMethodError)from/usr/lib/ruby

  5. ruby-on-rails - Rails 3 中的多个路由文件 - 2

    Rails2.3可以选择随时使用RouteSet#add_configuration_file添加更多路由。是否可以在Rails3项目中做同样的事情？ 最佳答案 在config/application.rb中:config.paths.config.routes在Rails3.2(也可能是Rails3.1)中，使用:config.paths["config/routes"] 关于ruby-on-rails-Rails3中的多个路由文件，我们在StackOverflow上找到一个类似的问题

  6. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  7. Ruby 方法() 方法 - 2

    我想了解Ruby方法methods()是如何工作的。我尝试使用“ruby方法”在Google上搜索，但这不是我需要的。我也看过ruby​​-doc.org，但我没有找到这种方法。你能详细解释一下它是如何工作的或者给我一个链接吗？更新我用methods()方法做了实验，得到了这样的结果:'labrat'代码classFirstdeffirst_instance_mymethodenddefself.first_class_mymethodendendclassSecond使用类#returnsavailablemethodslistforclassandancestorsputsSeco

  8. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本，我按照提供的说明安装了arubagem。它在我的Gemfile中，我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作，我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了，但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  9. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

  10. ruby - Highline 询问方法不会使用同一行 - 2

    设置:狂欢ruby1.9.2高线(1.6.13)描述:我已经相当习惯在其他一些项目中使用highline，但已经有几个月没有使用它了。现在，在Ruby1.9.2上全新安装时，它似乎不允许在同一行回答提示。所以以前我会看到类似的东西:require"highline/import"ask"Whatisyourfavoritecolor?"并得到:Whatisyourfavoritecolor?|现在我看到类似的东西:Whatisyourfavoritecolor?|竖线(|)符号是我的终端光标。知道为什么会发生这种变化吗？ 最佳答案

随机推荐