Question

我想将我的angular 4项目部署到生产服务器，我按照angular.io文档中的说明进行操作

将所有（或几乎所有内容）从本地项目文件夹复制到服务器上的文件夹。



如果您要从子文件夹中提供应用，请编辑index.html版本以进行相应设置。例如，如果index.html的URL是www.mysite.com/my/app/，请将基本href设置为。否则，不管它。更多内容如下。



配置服务器以将丢失文件的请求重定向到index.html。更多内容如下。



启用生产模式，如下所述（可选）。

我已经做了所有这些（除了第3点，我使用路由来处理这个），而且我已经运行了build -prod但是我现在有2个问题：

我只能从domain / src路径访问我的应用程序，当我只使用域名时，它会显示文件夹索引
我无法访问我在index.html中包含的所有资源（js / css）（不使用angular cli）标记为404 not found

更新：下面是我的index.html文件

    <!doctype html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Example</title>
      <link href="../node_modules/bootstrap/dist/css/bootstrap.css"                 rel="stylesheet">
      <link href="../src/css/animate.css" rel="stylesheet">
      <link href="../src/css/sidebar-nav.css" rel="stylesheet">
      <link href="../src/css/spinners.css" rel="stylesheet">
      <link href="../src/css/style.css" rel="stylesheet">
      <link href="../src/css/colors/blue.css" rel="stylesheet">
      <link rel="stylesheet" href="./assets/select2/css/select2.min.css">
      <link rel="stylesheet" href="./assets/bootstrap-table/bootstrap-table.css">
      <link rel="stylesheet" href="../node_modules/sweetalert2/dist/sweetalert2.min.css">
      <base href="/example">

      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="icon" type="image/x-icon" href="favicon.ico">
    </head>
    <body>
    <!-- Preloader -->
    <div class="preloader">
      <div class="cssload-speeding-wheel"></div>
    </div>
      <app-root>
      </app-root>

    <script src = "../node_modules/jquery/dist/jquery.js"></script>
    <script src = "./assets/select2/js/select2.js"></script>
    <script src = "../node_modules/bootstrap/dist/js/bootstrap.js"></script>
    <script src = "../src/js/sidebar-nav.js"></script>
    <script src = "../src/js/jquery.slimscroll.js"></script>
    <script src = "../src/js/waves.js"></script>
    <script src = "../src/js/custom.js"></script>
    <script src="./assets/bootstrap-table/bootstrap-table.js"></script>
    <script src="../node_modules/sweetalert2/dist/sweetalert2.min.js"></script>

    </body>
    </html>

有什么方法可以解决这个问题吗？

由于

将angular 4部署到生产主机服务器

0 个答案: