angualr2在主机服务器上部署

时间:2017-07-12 06:15:46

标签: angular angular2-routing

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

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

1 个答案:

答案 0 :(得分:0)

这是因为Angular会自动将URL指向根(例如,/ 3urhfu9ewhfu2i34nf2.bundle.js)。您应该遵循最佳实践,并在根文件夹中进行部署,或者更改已编译的index.html中的链接和脚本引用。