草庐IT

javascript - URL 重定向未从正确的相对来源加载资源

coder 2023-08-09 原文

我有一堆要重定向到单个页面的 URL。在我的 .htaccess 文件中我有...

FallbackResource home.php

因此任何链接都将重定向到该页面，我有一个 PHP 脚本获取 URL 并从 mysql 表加载页面。我构建了一个没有脚本/样式资源的测试页面，一切正常。但是，当我添加样式和 javascript 时，出现以下错误:

main.js:1 Uncaught SyntaxError: Unexpected token <

此错误仅出现在具有“/”的 URL 中' 在他们中。

  • 因此对于 url localhost/home.php按原样显示我的页面 没有内容。
  • 网址 localhost/tax-information将显示带有内容的 home.php
    按应有的方式加载“税务信息”。
  • 网址 localhost/tax-information/school-authority-contact-information将显示带有内容的 home.php 已加载“税务信息/学校当局联系信息”，但会抛出错误，结果会 不呈现样式表或有任何有效的 javascript。

错误看起来像这样:

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost/toh/tax-information/css/style.css".
Uncaught SyntaxError: Unexpected token <

我知道这是因为正在加载的资源有一个'< ' 在第一个字符中，但这对于像 css 这样的资源没有意义。

所以我检查了我的网络选项卡以查看正在加载哪些资源，它正在以错误的路径加载所有资源。

<style src="css/style.css>最终加载 localhost/toh/tax-information/css/style.css 而不是 localhost/css/style.css。打开该文件后，它不是 CSS，而是所请求页面的完整 HTML(因此出现“Unexpected token <”错误)。当您在网络选项卡中单击图片时，甚至图片最终也会以某种方式变成 HTML。通过 cdn 加载的任何内容(因此任何完整的 URL 资源)都可以正常加载。

这仅发生在具有次要路径(如(localhost/this/that))但为仅是主要路径(localhost/this)的任何内容加载正确资源的 URL 上。

我可以看出问题是由 FallbackResource 和使用相对路径加载资源以某种方式引起的。如果我将资源的路径更改为绝对路径(例如 css/style.css -> http://localhost/css/style.css )，那么它可以正常工作，没有任何问题。将所有内容重新编码为绝对路径将解决我的问题，但这不是一个实用的解决方案。这让我相信我的问题是我的 .htaccess。有没有另一种方法可以将所有 url 路径重定向到单个页面并让它们通过相对路径加载资源？

最佳答案

您似乎在 css 中使用了相对路径和 js链接，这就是为什么您的相关资源从错误的目的地而不是正确的目的地加载的原因。

要解决此问题，您可以在链接中使用绝对路径，即 /style.css或使用 Base网页标题中的标记。在<head>之间和 </head>添加以下内容:

<base href="/">

上面的base标签告诉webserver从/加载相关资源(主目录)。所以如果你的 css文件位于 /style您的 Web 服务器将尝试从真实路径加载它的根文件夹 /style/file.css而不是查看请求的 uri。

另请参阅:

Seo Friendly Url css img js not working

关于javascript - URL 重定向未从正确的相对来源加载资源，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50261675/

javascriptURLcodecsslocalhostphphtml.htaccess

有关javascript - URL 重定向未从正确的相对来源加载资源的更多相关文章

  1. ruby - 如何在续集中重新加载表模式？ - 2

    鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende

  2. ruby-on-rails - 如何使用 instance_variable_set 正确设置实例变量？ - 2

    我正在查看instance_variable_set的文档并看到给出的示例代码是这样做的:obj.instance_variable_set(:@instnc_var,"valuefortheinstancevariable")然后允许您在类的任何实例方法中以@instnc_var的形式访问该变量。我想知道为什么在@instnc_var之前需要一个冒号:。冒号有什么作用？ 最佳答案 我的第一直觉是告诉你不要使用instance_variable_set除非你真的知道你用它做什么。它本质上是一种元编程工具或绕过实例变量可见性的黑客攻击

  3. ruby-on-rails - rails : save file from URL and save it to Amazon S3 - 2

    从给定URL下载文件并立即将其上传到AmazonS3的更直接的方法是什么(+将有关文件的一些信息保存到数据库中，例如名称、大小等)？现在，我既不使用Paperclip，也不使用Carrierwave。谢谢 最佳答案 简单明了:require'open-uri'require's3'amazon=S3::Service.new(access_key_id:'KEY',secret_access_key:'KEY')bucket=amazon.buckets.find('image_storage')url='http://www.ex

  4. ruby - 如何使用 Ruby aws/s3 Gem 生成安全 URL 以从 s3 下载文件 - 2

    我正在编写一个小脚本来定位aws存储桶中的特定文件，并创建一个临时验证的url以发送给同事。(理想情况下，这将创建类似于在控制台上右键单击存储桶中的文件并复制链接地址的结果)。我研究过回形针，它似乎不符合这个标准，但我可能只是不知道它的全部功能。我尝试了以下方法:defauthenticated_url(file_name,bucket)AWS::S3::S3Object.url_for(file_name,bucket,:secure=>true,:expires=>20*60)end产生这种类型的结果:...-1.amazonaws.com/file_path/file.zip.A

  5. ruby - RuntimeError(自动加载常量 Apps 多线程时检测到循环依赖 - 2

    我收到这个错误:RuntimeError(自动加载常量Apps时检测到循环依赖当我使用多线程时。下面是我的代码。为什么会这样？我尝试多线程的原因是因为我正在编写一个HTML抓取应用程序。对Nokogiri::HTML(open())的调用是一个同步阻塞调用，需要1秒才能返回，我有100,000多个页面要访问，所以我试图运行多个线程来解决这个问题。有更好的方法吗？classToolsController0)app.website=array.join(',')putsapp.websiteelseapp.website="NONE"endapp.saveapps=Apps.order("

  6. ruby-on-rails - 正确的 Rails 2.1 做事方式 - 2

    question的一些答案关于redirect_to让我想到了其他一些问题。基本上，我正在使用Rails2.1编写博客应用程序。我一直在尝试自己完成大部分工作(因为我对Rails有所了解)，但在需要时会引用Internet上的教程和引用资料。我设法让一个简单的博客正常运行，然后我尝试添加评论。靠我自己，我设法让它进入了可以从script/console添加评论的阶段，但我无法让表单正常工作。我遵循的其中一个教程建议在帖子Controller中创建一个“评论”操作，以添加评论。我的问题是:这是“标准”方式吗？我的另一个问题的答案之一似乎暗示应该有一个CommentsController参

  7. ruby-on-rails - Ruby url 到 html 链接转换 - 2

    我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时，我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有，我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.

  8. ruby - 我可以将我的 README.textile 以正确的格式放入我的 RDoc 中吗？ - 2

    我喜欢使用Textile或Markdown为我的项目编写自述文件，但是当我生成RDoc时，自述文件被解释为RDoc并且看起来非常糟糕。有没有办法让RDoc通过RedCloth或BlueCloth而不是它自己的格式化程序运行文件？它可以配置为自动检测文件后缀的格式吗？(例如README.textile通过RedCloth运行，但README.mdown通过BlueCloth运行) 最佳答案 使用YARD直接代替RDoc将允许您包含Textile或Markdown文件，只要它们的文件后缀是合理的。我经常使用类似于以下Rake任务的东西:

  9. ruby-on-rails - 使用 config.threadsafe 时从 lib/加载模块/类的正确方法是什么!选项？ - 2

    我一直致力于让我们的Rails2.3.8应用程序在JRuby下正确运行。一切正常，直到我启用config.threadsafe!以实现JRuby提供的并发性。这导致lib/中的模块和类不再自动加载。使用config.threadsafe!启用:$rubyscript/runner-eproduction'pSim::Sim200Provisioner'/Users/amchale/.rvm/gems/jruby-1.5.1@web-services/gems/activesupport-2.3.8/lib/active_support/dependencies.rb:105:in`co

  10. ruby - 调用其他方法的 TDD 方法的正确方法 - 2

    我需要一些关于TDD概念的帮助。假设我有以下代码defexecute(command)casecommandwhen"c"create_new_characterwhen"i"display_inventoryendenddefcreate_new_character#dostufftocreatenewcharacterenddefdisplay_inventory#dostufftodisplayinventoryend现在我不确定要为什么编写单元测试。如果我为execute方法编写单元测试，那不是几乎涵盖了我对create_new_character和display_invent

随机推荐