css - 相同的 url，像对样式的引用一样工作，但不像 AJAX 调用那样工作

Question

这段代码工作正常:

      {html}      {head>           {**link rel="stylesheet" href="http://localhost:3000/CSS/mystyle.css"**}      {/head}      {body}      {/body}      {/html}

但是这段具有相同 url 的代码给我带来了问题:XMLHttpRequest 无法加载“href="http://localhost:3000/CSS/mystyle.css”。Access-Control-Allow-Origin 不允许 Origin null。

        $(document).ready(function() {               var href = 'http://localhost:3000/CSS/mystyle.css';               $.ajax({                   url: href,                  dataType: 'text/css',                   success: function(data) {                       $('\n' + data + '').appendTo("head");                   }               });           });

真的不明白什么问题，都调用 HttpRequest ？谢谢，任何帮助。

Answer 1

最简单的答案是使用本地网络服务器，如 WAMP(或 IIS)，如果您还没有的话。

第二个答案是

Chrome 和 Safari 对本地资源使用 ajax 有限制。这就是为什么它会抛出类似

的错误

Origin null is not allowed by Access-Control-Allow-Origin.

解决方案:使用 firefox 或将您的数据上传到临时服务器。如果您仍想使用 Chrome，请使用以下选项启动它；

--allow-file-access-from-files

更多信息如何将上述参数添加到您的 Chrome: 右键单击​​任务栏上的 Chrome 图标，右键单击弹出窗口中的 Google Chrome，然后单击属性并添加以上参数快捷方式选项卡下目标文本框中的参数。它会像下面这样；

C:\Users\XXX_USER\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files