angular2部署在主机服务器

Question

我想在子文件夹中创建我的 angular2 项目，例如 (www.example.com/dist)，我正在尝试构建我的 angualr2 项目，使用 ng 构建命令，我得到如下所示的错误。请帮我解决这个问题，

dist/index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Mini Project</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<body>
  <app-root></app-root>
  <script type="text/javascript" src="inline.bundle.js"></script>
  <script type="text/javascript" src="polyfills.bundle.js"></script>
  <script type="text/javascript" src="styles.bundle.js"></script>
  <script type="text/javascript" src="vendor.bundle.js"></script>
  <script type="text/javascript" src="main.bundle.js"></script>
</body>
</html>

dist 文件夹结构

http://pmscreative.com/dist/assets/image/Capture1.JPG

错误

http://pmscreative.com/dist/assets/image/Capture.JPG

Answer 1

这是因为 Angular 自动将 URL 指向根目录（例如 /3urhfu9ewhfu2i34nf2.bundle.js）。您应该遵循最佳实践，并部署在根文件夹中，或者更改已编译的 index.html.

中的 link 和脚本引用

angular2部署在主机服务器

angualr2 deploy in host sever

angular2-routing

angular