Home / Questions / 206726
Accepted
Diego
Asked: 2020-10-23 03:21:10 +0800 CST 2020-10-23 03:21:10 +0800 CST

将角度项目转移到生产中

  • 772

我正在尝试将项目导出到生产环境，但仅当我将它放在服务器的根目录中时它才对我有效。

例如，如果我把它放在localhost/dist它上面就不再起作用了。

我试图用 command 修改路径ng build --base-href=/dist --prod，但是，尽管它修改了它，它仍然不起作用，因此，我知道我做错了什么。

这个想法是能够导出项目以便能够在服务器库以外的路径中使用它，因为我需要将它放在几个不同的文件夹中，每个客户端一个。

我设法让它看起来和他<base href="http://localhost/Proyecto/dist/">

但是它没有很好地链接图像，我知道这是因为代码中的链接错误，但是如果我运行 webpack 实时服务器它看起来很好（npm start）

<!doctype html>
<html lang="es">

<head>
    <meta charset="utf-8">
    <title>Proyecto</title>
    <base href="http://localhost/Proyecto/dist/">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
    <link rel="stylesheet" href="styles.734eae50a5c982a6cd75.css">
</head>

<body>
    <app-root></app-root>
    <script type="text/javascript" src="runtime.a66f828dca56eeb90e02.js"></script>
    <script type="text/javascript" src="polyfills.7a0e6866a34e280f48e7.js"></script>
    <script type="text/javascript" src="scripts.95f63946aa03ea45d109.js"></script>
    <script type="text/javascript" src="main.c686d7d3bc65f8946dda.js"></script>
</body>

</html>
angular

2 Answers

  1. 我也有同样的问题，我的解决方案是留空base。即：

    <!doctype html>
<html lang="es">

<head>
    <meta charset="utf-8">
    <title>Proyecto</title>
    <base href="">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
    <link rel="stylesheet" href="styles.734eae50a5c982a6cd75.css">
</head>

<body>
    <app-root></app-root>
    <script type="text/javascript" src="runtime.a66f828dca56eeb90e02.js"></script>
    <script type="text/javascript" src="polyfills.7a0e6866a34e280f48e7.js"></script>
    <script type="text/javascript" src="scripts.95f63946aa03ea45d109.js"></script>
    <script type="text/javascript" src="main.c686d7d3bc65f8946dda.js"></script>
</body>

</html>

    希望对你有帮助，问候

    • 1
  2. Best Answer

    我不得不使用 HTTPS 放置 web 路由，它运行良好，我不知道它是否正确，但它是唯一对我有效的解决方案。

    • 1