javascript - 使用angular-cli向Angular中的静态文件添加前缀路径

Question

我有一个现有的 django 项目，我在其中通过/static/路径提供静态文件。我正在将应用程序的一部分迁移到 angular2，即网站的特定移动版本。

添加<base href="/"> index.html 加载静态文件 www.example.com/main.js 在这里得到 404。添加<base href="/static/"> to index.html 正确加载静态文件，但是当应用程序启动时，它将 url 更改为/static/(我正在使用路由器)，尽管我的 url 应该是/order/。

有没有办法使用 base href 作为/但使用 angular-cli 为脚本和样式文件添加前缀

使用版本ng --version

@angular/cli: 1.0.0-rc.0
node: 6.9.1
os: win32 x64
@angular/common: 2.4.9
@angular/compiler: 2.4.9
@angular/core: 2.4.9
@angular/forms: 2.4.9
@angular/http: 2.4.9
@angular/platform-browser: 2.4.9
@angular/platform-browser-dynamic: 2.4.9
@angular/router: 3.4.9
@angular/cli: 1.0.0-rc.0
@angular/compiler-cli: 2.4.9

Answer 1

您可以使用 --deploy-url 作为生成的静态文件路径的前缀。 ng build --deploy-url/static/。它会在生成的 index.html 中使用 /static/ 作为 js 文件路径的前缀，如下所示:

<script type="text/javascript" src="/static/inline.bundle.js"></script>

来自帮助文档:

--deploy-url (String) URL where files will be deployed.

例子:

ng build --prod --deploy-url=example.com/scripts/

根据评论更新了答案。