为什么这个Plnkr在下载时不起作用？

Question

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

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

由于

Answer 1

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

在您的情况下，原点是example2.com，它不会设置file:///...标题，因为默认是阻止请求，您会收到错误。

要解决此问题，请执行以下操作（确保安装了ruby或python） -

1. 打开命令提示符
2. 使用Access-Control-Allow-Origin命令切换到项目目录（tutorial）

3. 输入任一命令

   cd

   或

   python -m SimpleHTTPServer for python
   

这将在端口8000上运行基本HTTP服务器.HTTP服务器将允许访问您运行命令的目录中的文件。因此，如果您在目录中有ruby -run -e httpd -- -p 8000 . for ruby. ，则可以执行index.html

---

查看屏幕截图，您可以执行此操作 -

1. 打开命令提示符

2. 运行

   http://localhost:8000/index.html

3. 启动服务器

   cd C:/Users/Jonny/Desktop/plunker
   

4. 在浏览器中打开python -m SimpleHTTPServer 。