通过 systemjs 请求的脚本失败并显示 401 Unauthorized

Question

我正在为 Team Foundation Server 2015 构建一个 hub extension。

在我切换到使用systemjs 和 angular2 之前，我的 Hub HTML 页面运行良好，此时来自 systemjs 的任何脚本请求似乎都被 401 未经授权的拒绝。

我密切关注Angular2 Quickstart 指南，无需身份验证即可在本地正常运行。

但是一旦我将我的应用程序上传到 TFS，systemjs 请求的任何脚本都会被拒绝，如下所示：

Error: XHR error (401 Unauthorized) loading http://tfs-server:8080/tfs/_apis/public/gallery/publisher/my-publisher/extension/source-extensions/1.1.2/assetbyname/scripts/main.js(…)

Zone.run @ angular2-polyfills.js:1243
zoneBoundFn @ angular2-polyfills.js:1220
lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:468
lib$es6$promise$$internal$$invokeCallback @ angular2-polyfills.js:480
lib$es6$promise$$internal$$publish @ angular2-polyfills.js:451
lib$es6$promise$$internal$$publishRejection @ angular2-polyfills.js:401
(anonymous function) @ angular2-polyfills.js:123
Zone.run @ angular2-polyfills.js:1243
zoneBoundFn @ angular2-polyfills.js:1220
lib$es6$promise$asap$$flush @ angular2-polyfills.js:262

如果我通过脚本标签加载我的脚本，则不存在授权问题。但是当我像这样通过 systemjs 执行此操作时，它会因 401 错误而失败：

<script>
  System.config({
    packages: {
      scripts: {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
  System.import('scripts/main.js')
        .then(null, console.error.bind(console));
</script>

我的问题是：当使用 systemjs 加载脚本而不是直接加载它们时，我是否需要做一些额外的事情来避免 401 未经授权？

Answer 1

SystemJS 将使用 XHR 加载代码，这可能是这里的不同之处。

如果你想让 SystemJS 使用

  System.config({
    packages: {
      scripts: {
        format: 'register',
        defaultExtension: 'js',
        scriptLoad: true
      }
    }
  });

如果还是这样，那肯定是服务器配置了。