Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/swift/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么';当我下载它时,这个Plnkr不工作吗?_Javascript_Angularjs_Plunker - Fatal编程技术网

Javascript 为什么';当我下载它时,这个Plnkr不工作吗?

Javascript 为什么';当我下载它时,这个Plnkr不工作吗?,javascript,angularjs,plunker,Javascript,Angularjs,Plunker,我是Angular.js的新手,一直在Plnkr上玩它 Plnkr预览显示选项卡和部分加载良好,但当我下载它时,我的计算机上只有选项卡工作,为什么部分不显示?希望这个截图能解释我的困境: 谢谢您需要使用web服务器获取页面,这样就不会出现“访问控制允许来源”冲突。当来自example1.com的脚本试图在example2.com上发出AJAX请求时,浏览器首先检查example2.com是否允许从其他网站访问。这是通过读取example2.com的accesscontrolalloworigi

我是Angular.js的新手,一直在Plnkr上玩它

Plnkr预览显示选项卡和部分加载良好,但当我下载它时,我的计算机上只有选项卡工作,为什么部分不显示?希望这个截图能解释我的困境:


谢谢

您需要使用web服务器获取页面,这样就不会出现“访问控制允许来源”冲突。当来自
example1.com
的脚本试图在
example2.com
上发出AJAX请求时,浏览器首先检查
example2.com
是否允许从其他网站访问。这是通过读取
example2.com
accesscontrolalloworigin
标题来完成的。大多数网站通常不允许AJAX访问

在您的情况下,原点是
file:///...
这将不会设置
访问控制允许原点
标题,因为默认设置是阻止请求,所以会出现错误

要克服这个问题,请执行以下操作(确保已安装ruby或python)-

  • 打开命令提示符
  • 使用
    cd
    命令切换到项目目录()
  • 键入其中一个命令

    python -m SimpleHTTPServer for python
    

  • 这将在端口8000处运行一个基本HTTP服务器。HTTP服务器将允许访问运行命令的目录中的文件。因此,如果目录中有,例如,
    index.html
    ,您可以执行
    http://localhost:8000/index.html


    看看屏幕截图,你可以做到这一点-

  • 打开命令提示符
  • cd C:/Users/Jonny/Desktop/plunker
    
  • 启动服务器

    python -m SimpleHTTPServer
    
  • 打开
    http://localhost:8000/index.html#/invoices
    在浏览器中

  • 您的浏览器控制台怎么说?您需要在web服务器(本地主机)上运行它,否则会出现以下错误:
    加载资源失败:访问控制不允许原点为null允许原点
    。在chrome中按F12键以获得调试控制台。从未想过要检查控制台,我对Javascript基本上是新手。刚刚检查了控制台,发现了jpmorin提到的错误。在web服务器上运行它是有效的。谢谢@jpmorin你想把它作为一个答案,这样我就可以结束这个问题了吗?我没有安装Python,我使用的是xampp,但是你已经回答了第一段中的问题,所以你可以把它留在那里:)太好了。好的旧
    xampp
    应该可以D
    python -m SimpleHTTPServer