草庐IT

javascript - AngularJS 和处理 404 错误

coder 2023-07-04 原文

使用 AngularJS 应用提供正确 404 的最佳方法是什么？

一些背景知识:我正在构建一个 Angular 应用程序并选择使用

$locationProvider.html5Mode(true);

因为我希望 URL 看起来自然(并且与多页面“传统”网络应用程序没有区别)。

在服务器端(一个简单的 Python Flask 应用程序)，我有一个包罗万象的处理程序，可以将所有内容重定向到 Angular 应用程序:

@app.route('/', defaults={'path': ''})
@app.route('/<path>')
def index(path):
    return make_response(open('Ang/templates/index.html').read())

现在，我想弄清楚如何处理 404 错误。我见过的大多数 Angular 应用程序都执行以下操作:

.otherwise({ redirectTo: '/' })

这意味着他们无法提供适当的 404。

但是，我更愿意返回一个正确的 404，带有 404 状态代码(主要用于 SEO 目的)。

使用 Angular 处理 404 的最佳方法是什么？我不应该担心它并坚持使用包罗万象吗？或者我应该删除包罗万象并在服务器端提供适当的 404？

为清晰起见进行了编辑

最佳答案

我认为您混淆了 Flask 路由和 Angular 路由。

404 错误代码是 HTTP 协议(protocol)的一部分。当服务器不知道所请求的 URL 时，Web 服务器将其用作对客户端的响应。因为你在 Flask 服务器中放置了一个 catch-all，所以你永远不会得到 404，Flask 将为你在地址栏中键入的任何 URL 调用你的 View 函数。在我看来，当用户在地址栏中键入无效 URL 时，您不应该包罗万象，而让 Flask 以 404 响应，这没有任何问题。 Flask 甚至允许您在返回 404 代码时发送自定义页面，因此您可以使错误页面看起来像您网站的其余部分。

在 Angular 方面，实际上没有 HTTP 事务，因为应用程序内部的所有路由都发生在客户端，服务器甚至都不知道。这可能是你的困惑的一部分，Angular 链接完全在客户端处理，即使在 html5 模式下也没有向服务器发出任何请求，因此在这种情况下没有 404 错误的概念，仅仅是因为没有服务器参与。将您发送到未知路由的 Angular 链接将落入 otherwise 子句。此处正确的做法是要么显示一条错误消息(如果用户需要了解这种情况并可以对其采取措施)，要么忽略未知路由，如 redirectTo: '/' 确实如此。

这似乎不是你的情况，但是如果除了为 Angular 应用程序提供服务之外，你的服务器还实现了 Angular 可以在运行时使用的 API，那么如果 Angular 对此发出异步请求，它可能会从 Flask 获得 404 API 使用无效的 URL。但如果发生这种情况，您不希望向用户显示 404 错误页面，因为该请求是应用程序内部的请求，而不是由用户直接触发。

我希望这有助于澄清情况!

关于javascript - AngularJS 和处理 404 错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17519317/

javascriptAngularJSAngular404sectionflaskhttp-status-code-404angularjs-routing

有关javascript - AngularJS 和处理 404 错误的更多相关文章

  1. ruby-on-rails - Rails 常用字符串(用于通知和错误信息等) - 2

    大约一年前，我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞，我可以在一个地方轻松完成，而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje

  2. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  3. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  4. ruby-on-rails - 如何在 Rails View 上显示错误消息？ - 2

    我是rails的新手，想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围，如果不在范围内则返回错误信息。我可以检查上面代码的范围，但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单，一种显示ActiveRecord模型实例属性的表单。c

  5. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file

  6. ruby-on-rails - 错误 : Error installing pg: ERROR: Failed to build gem native extension - 2

    我克隆了一个rails仓库，我现在正尝试捆绑安装背景:OSXElCapitanruby2.2.3p173(2015-08-18修订版51636)[x86_64-darwin15]rails-v在您的Gemfile中列出的或native可用的任何gem源中找不到gem'pg(>=0)ruby​​'。运行bundleinstall以安装缺少的gem。bundleinstallFetchinggemmetadatafromhttps://rubygems.org/............Fetchingversionmetadatafromhttps://rubygems.org/...Fe

  7. ruby - ＃之间？ Cooper 的 *Beginning Ruby* 中的错误或异常 - 2

    在Cooper的书BeginningRuby中，第166页有一个我无法重现的示例。classSongincludeComparableattr_accessor:lengthdef(other)@lengthother.lengthenddefinitialize(song_name,length)@song_name=song_name@length=lengthendenda=Song.new('Rockaroundtheclock',143)b=Song.new('BohemianRhapsody',544)c=Song.new('MinuteWaltz',60)a.betwee

  8. ruby-on-rails - 每次我尝试部署时，我都会得到 - (gcloud.preview.app.deploy) 错误响应 : [4] DEADLINE_EXCEEDED - 2

    我是Google云的新手，我正在尝试对其进行首次部署。我的第一个部署是RubyonRails项目。我基本上是在关注thisguideinthegoogleclouddocumentation.唯一的区别是我使用的是我自己的项目，而不是他们提供的“helloworld”项目。这是我的app.yaml文件runtime:customvm:trueentrypoint:bundleexecrackup-p8080-Eproductionconfig.ruresources:cpu:0.5memory_gb:1.3disk_size_gb:10当我转到我的项目目录并运行gcloudprevie

  9. ruby-on-rails - Rails 5 Active Record 记录无效错误 - 2

    我有两个Rails模型，即Invoice和Invoice_details。一个Invoice_details属于Invoice，一个Invoice有多个Invoice_details。我无法使用accepts_nested_attributes_forinInvoice通过Invoice模型保存Invoice_details。我收到以下错误:(0.2ms)BEGIN(0.2ms)ROLLBACKCompleted422UnprocessableEntityin25ms(ActiveRecord:4.0ms)ActiveRecord::RecordInvalid(Validationfa

  10. arrays - 这是 Ruby 中 Array.fill 方法的错误吗？ - 2

    这个问题在这里已经有了答案:Arraysmisbehaving(1个回答)关闭6年前。是否应该这样，即我误解了，还是错误？a=Array.new(3,Array.new(3))a[1].fill('g')=>[["g","g","g"],["g","g","g"],["g","g","g"]]它不应该导致:=>[[nil,nil,nil],["g","g","g"],[nil,nil,nil]]

随机推荐