- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个用静态 html/js/css 编写的 HTML5 应用程序(它实际上是用 Dart 编写的,但会编译成 javascript)。我通过 CDN 提供应用程序文件,REST api 托管在一个单独的域中。该应用程序使用客户端路由,因此当用户继续使用该应用程序时,url 可能会更改为类似 http://www.myapp.com/categories
的内容。问题是,如果用户刷新页面,则会导致 404。
是否有任何 CDN 允许我创建一个规则,如果用户请求一个页面是有效的客户端路由,它只会返回(在我的例子中)client.html
页面?
更详细的解释/例子
我的网络应用程序的静态文件存储在 S3 上并通过亚马逊的 CloudFront CDN 提供。有一个用于引导应用程序的 HTML 文件 client.html
。这是访问域根时提供的默认文件,因此如果您转到 www.mysite.com
,浏览器实际上会提供 www.mysite.com/client.html
.
网络应用程序使用客户端路由。一旦应用程序加载并且用户开始导航,URL 就会更新。这些 url 实际上并不存在于 CDN 上。例如,如果用户想浏览小部件,她会点击一个按钮,客户端路由会显示“小部件” View ,浏览器的 url 会更新为 www.mysite.com/widgets/browse
。在 CDN 上,/widgets/browse
实际上并不存在,因此如果用户点击浏览器上的刷新按钮,他们将获得 404。
我的问题是是否有任何 CDN 支持查看请求 URI 并重写它。因此,我可以看到对 /widgets/browse
的请求并将其重写为 /client.html
。这样,应用程序将得到服务,而不是返回 404。
我意识到这个问题还有其他解决方案,即在 CDN 前面放置一个服务器,但不太理想。
最佳答案
我使用 CloudFront 执行此操作,但我使用自己运行 Apache 的服务器来完成此操作。我知道您正在使用 Amazon 的服务器,但由于您没有指定您仅限于此,我想我会回答如何完成您想要做的事情。
这很简单。任何时候您查询的内容不在 CloudFront 的缓存中,或者存在于缓存中但已过期时,CloudFront 都会返回您的 Web 服务器,要求它提供内容。此时,您可以完全控制请求。我使用 Apache 中的 mod_rewrite 来捕获请求,然后根据请求确定要提供的内容。事实上,我的服务器上没有一个文件(备用一个 php 脚本),但 cloudfront 认为有数千个。很确定 url 重写是大多数网络服务器的标准,不过我只能根据自己的经验在 lighttp 和 apache 上确认。
更多信息
您在这里所做的只是告诉您的服务器重写传入的请求以满足它们。这不会被视为代理或任何类似的东西。
你的应用程序和服务器之间的内容流,中间有云端是这样的:
appRequest->cloudFront
if cloudFront has file, return data to user without asking your server
for the file.
If cloudFront DOESN'T have the file (or it has expired), go back to
the origin server and ask it for a new copy to cache.
所以基本上,您的情况是这样的:
A)app->ask cloudfront for url cloud front doesn't have
B)cloudfront then asks your source server for the file
C)file doesn't exist there, so the server tells cloudFront to go fly a kite
D)cloudFront comes back empty handed and makes your app 404
E)app crashes and burns, users run away and use something else.
因此,您对 mod_rewrite 所做的一切就是告诉您的服务器它如何重新解释某些格式化的请求并采取相应的行动。您可以将所有 .jpg 请求指向 singleImage.jpg,然后让您的应用请求:
www.mydomain.com/image3.jpg
www.mydomain.com/naughtystuff.jpg
这些图像甚至都不必存在于您的服务器上。 Apache 只会通过发回 singleImage.jpg 来满足请求。但就云端或您的应用而言,这是两个不同的文件,位于服务器上两个不同的独特位置。
希望这能解决问题。
关于cdn - 是否有任何 CDN 允许重写请求 URI,以便客户端路由与浏览器刷新配合得很好?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24890820/
自定义限流注解 先介绍一下 @Retention 和 @Target 这两个元注解 @Retention: 指定注解的生命周期(源码、class文件、运行时),其参考值见类的定义:java.lang.
在 Ubuntu 13.10 中使用 PyCharm Community Edition 和 IdeaVim 时,键盘经常停止接受输入,我必须重新启动 IDE。当我单击不同的文本区域时,光标仍然会移动
我正在开发一个Java项目,我试图让useDelimiter删除除“=”和“,”之间的文本之外的所有内容。例如,在文件的第一行我想保留“ThermostatNight”。 文本文件如下所示: E
这个问题不太可能帮助任何 future 的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visit
目录 1、加入 remember-me 2、原理分析 自动登录是我们在软件开发时一个非常常见的功能,例如我们登录 QQ 邮箱: 很多网站我们在登录的时
我是开发 Android 应用程序的菜鸟。我想问一下。我的 PreferenceActivity 如何希望在不返回 MainActivity 并再次转到 PreferenceActivity 的情况下
1. 前言 大家好,我是安果! 我们都知道 Python 可以用来开发桌面应用,一旦功能开发完成,最后打包的可执行文件体积大,并且使用 Python 开发桌面应用周期相对较长 假如想快速开
我正在为命令行应用程序编写一个非常简单的 GUI 工具。它只有 2 个按钮。 连接并退出。 在 applicationDidFinishLaunching 中,我运行以下命令 NSPipe *pipe
我也在 LibGDX forums 上发布了这个问题. 嘿那里!在我的论文中,我正在编写一个 DSL 来描述图片的外观。这些图片将由 libGDX 根据 DSL-Input 绘制。目前,jetbrai
准备 SpringBoot 工程 1.新建 SpringBoot 项目,默认的端口是 8080 ,新建 Controller 和 Mapping @RestControllerpublic cla
我有类似的问题 this one 以下是我使用的: CDH4.4(配置单元 0.10) protobuf-java-.2.4.1.jar elephant-bird-hive-4.6-SNAPSHOT
我想使用 angularjs 和 angular-ui(特别是 ui-select2 功能)实现对选择输入的读/写访问控制。 场景很简单:通过使用 ng-readonly 属性,我可以控制用户是否可以
我是一名优秀的程序员,十分优秀!