CDN不工作时如何加载本地文件

Question

我正在使用一些CDN js和css文件。

我在Google上搜索了CDN不工作时如何加载本地数据。

我找到了一个很好的链接，像这样写的

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript">
            if (typeof jQuery == 'undefined') {
                document.write(unescape("%3Cscript src='JS/Plugins/jquery-1.8.2.min.js' type='text/javascript'%3E%3C/script%3E"));
            }
        </script>

是的，它工作，但后来我尝试了另一个CDN网络，然后它不是从本地下载。如果CDN不工作，那么它在我的页面中显示错误，页面由于缺少该js文件而不能正常工作。意思是：

<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript">
    if (typeof jQuery == 'undefined') {
        document.write(unescape("%3Cscript src='Include/JS/JqueryPlugin/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
    }
</script>

在上述情况下，当上述jquery.min.js不工作时，本地CDN不会下载。

同样，CSS该怎么做(在Google中搜索，没有找到任何好的解决方案)。

如何做知道哪个CDN不工作，并从本地下载相应的文件。

请帮帮忙

提前感谢

Answer 1

您可以使用以下脚本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>    window.jQuery || document.write('<script src="/scripts/jquery.1.9.1.min.js"><\/script>')</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script>    window.jQuery.ui || document.write('<script src="/scripts/jquery-ui.min.js"><\/script>')</script>

希望有用！

Answer 2

这可以在不更改代码的情况下通过DNS设置实现。

基本上，您正在尝试CDN和源站之间的故障切换。如果CDN失败，请求将故障切换到您的源站。一种选择是使用DNS级别故障转移，将主服务器故障转移到CDN CNAME，备份到您的源服务器主机名。

您还可以在CDN和源站的DNS设置中包含healthcheck。一旦CDN健康检查失败，DNS会自动故障切换到您的源站，并自动从源站服务静态文件。