Question

我正在阅读edX的Augular课程。对于其中一个实验室，我发布了一个文件D:\Documents\Node.js\angularcourse\index.html。它在Edge中运行良好。但是，在Chrome中我得到：

无法加载文件：/// D：/Documents/Node.js/angularcourse/app/main.js：交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https。

路径上的main.js不是正在运行的文件的位置吗？

在zone.js和我的index.html内调用main.js的源代码如下：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>Angular 4.x Application</title>
        <script src="node_modules/core-js/client/shim.min.js"></script>
        <script src="node_modules/zone.js/dist/zone.js"></script>
        <script src="node_modules/reflect-metadata/Reflect.js"></script>
        <script src="node_modules/systemjs/dist/system.src.js"></script>
        <script src="systemjs.config.js"></script>
        <script>
            System.import('app').catch(function (err) { console.error(err); });
        </script>
        <link rel="stylesheet" href="style.css" />
        </head>
    <body>
        <app>
            Loading...
        </app>
    </body>
</html>

如果我使用--disable-web-security启动了Chrome，那么就可以了。

为什么Chrome会将此脚本文件视为来自不同的来源？

0 个答案: