Less.js不适用于CDN？

Question

<link rel="stylesheet/less" href="http://mycdn.s3.amazon.com/css/web/style.less">
<script src="http://mycdn.s3.amazon.com/css/less-1.1.5.min.js"></script>

当我把我的.less文件放入我的CDN时,它说:

XMLHttpRequest无法加载 http://mycdn.s3.amazonaws.com/media/css/bootstrap/lib/bootstrap.less.Access-Control-Allow-Origin不允许来源http://mydomain.com.

为什么？我该如何解决？我不想在服务器端编译.css文件.我想让他们保持客户端.

Answer 1

这篇来自 MDN 的相当长的文章将帮助您了解正在发生的事情 - https://developer.mozilla.org/En/HTTP_access_control

基本上你已经遇到了跨域安全模型

如果您坚持不想在服务器上编译 CSS，您可以尝试从您自己的子域提供它，即将子域映射到 Amazon CDN，但我不确定这会解决您的问题.

我实际上会质疑为什么您不想编译 .CSS 服务器端，因为这将为您的访问者带来最佳性能，并使您能够轻松地在 CDN 上托管 CSS。

在 HTML 之后，CSS 是进入浏览器的下一个最重要的项目，因此它可以开始布局和呈现页面，通过将 JS 插入到混合中，您会减慢速度（特别是因为 JS 可以阻止某些情况下的并行下载）浏览器，并会在执行时阻塞 UI 线程）