css - Respond.js 跨域代理不工作

Question

我目前正在使用代理包设置 respond.js，因为我的网站在一个域上运行，而我的 css 文件在同一台服务器上，但不在同一子域上。

这是我的标题:

<!-- CSS -->
<link rel="stylesheet" href="<?= STK_CDN_SERVER; ?>/css/bootstrap.min.css">
<link rel="stylesheet" href="<?= STK_CDN_SERVER; ?>/css/slick.css">
<link rel="stylesheet" href="<?= STK_CDN_SERVER; ?>/css/slick-theme.css">
<link type="text/css" rel="stylesheet" href="<?= STK_CDN_SERVER; ?>/css/app.css" media="all" />

<!-- FONTS -->
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>

<!-- JS -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="<?= STK_CDN_SERVER; ?>/js/respond.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.4.1/slick.min.js" type="text/javascript"></script>
<script src="<?= STK_CDN_SERVER; ?>/js/jquery-ui.min.js" type="text/javascript"></script>
<script src="<?= STK_CDN_SERVER; ?>/js/app.js" type="text/javascript"></script>
<!-- respond JS -->
<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="//oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<!-- Respond JS proxy -->
<link href="//netdna.bootstrapcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy">
<link href="/vendor/respondjs/respond.proxy.gif" id="respond-redirect" rel="respond-redirect">
<script src="/vendor/respondjs/respond.proxy.js"></script>

因此 respond-proxy.html 和 respond.min.js 由 CDN 托管。 respond.proxy.gif、respond.proxy.js 托管在“本地”域名上。 另一个文件在另一个子域上。

我做了很多测试，对此进行了大量研究，但它仍然不起作用..

有人能帮帮我吗？

问候，

Answer 1

您的文件 respond-proxy.html 必须托管在与您的引导 CSS 相同的域中。

所以你必须将文件上传到服务器。

<!-- CSS -->
<link rel="stylesheet" href="<?= STK_CDN_SERVER; ?>/css/bootstrap.min.css">

<!-- Respond JS proxy -->
<link href="<?= STK_CDN_SERVER; ?>/respond-proxy.html" id="respond-proxy" rel="respond-proxy">

这应该有效 =)