javascript - 为什么我下载这个 Plnkr 不工作？

Question

我是 Angular.js 的新手，并且一直在 Plnkr 上使用它http://plnkr.co/edit/jR9VfaEhjUfY0vN7mfWd

Plnkr 预览显示选项卡和部分加载正常，但是当我下载它时，我的计算机只有选项卡工作，为什么不显示部分？希望这张截图能解释我的困境：

谢谢

Answer 1

您需要使用 Web 服务器获取页面，因此不会出现“Access-Control-Allow-Origin”违规。当来自的脚本example1.com尝试在 上发出 AJAX 请求时example2.com，浏览器首先检查是否example2.com允许从其他网站访问。这是通过Access-Control-Allow-Origin读取example2.com. 大多数网站通常不允许 AJAX 访问。

在您的情况下，原点file:///...不会设置Access-Control-Allow-Origin标头，并且由于默认设置是阻止请求，因此您会收到错误消息。

要克服这个问题，请执行以下操作（确保您安装了 ruby​​ 或 python） -

1. 打开命令提示符
2. 使用cd命令切换到你的项目目录（教程）

3. 键入任一命令

   python -m SimpleHTTPServer for python
   

   或者

   ruby -run -e httpd -- -p 8000 . for ruby.
   

这将在端口 8000 上运行一个基本的 HTTP 服务器。HTTP 服务器将允许访问您运行命令的目录中的文件。所以，如果你有，例如，index.html在目录中，你可以做http://localhost:8000/index.html

---

查看屏幕截图，您可以这样做 -

1. 打开命令提示符

2. 跑

   cd C:/Users/Jonny/Desktop/plunker
   

3. 启动服务器

   python -m SimpleHTTPServer
   

4. http://localhost:8000/index.html#/invoices在浏览器中打开。