Angular，在特定路线上构建的问题
Posted
技术标签:
【中文标题】Angular，在特定路线上构建的问题【英文标题】：Angular, problem with build on specific route 【发布时间】：2021-02-10 20:12:12 【问题描述】：我想在 local.client.appname.com:8000/admin/angular 上构建我的 Angular 应用程序。该应用程序是用清晰的 html 和 CSS 编写的，但在这条特定的路线上，我想构建 angular 应用程序。 当我使用它构建它时：
ng build
那么我在这条路线上的应用找不到styles.css
我在使用时遇到同样的问题：
ng build
ng build --base-href=local.client.appname.com:8000/admin/angular
ng build --base-href=/admin/angular
有什么办法吗？
编辑：
这是我的 index.html 文件
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Admin</title>
<base href="/admin/angular/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.369fecace4557219e275.css"></head>
<body class="sidebar-mini layout-fixed layout-navbar-fixed text-sm">
<script src="runtime-es2015.858f8dd898b75fe86926.js" type="module"></script><script src="polyfills-es2015.fc22aee4fbf951b1085c.js" type="module"></script><script src="runtime-es5.741402d1d47331ce975c.js" nomodule></script><script src="polyfills-es5.e47f6f613cd9d8ed0bdf.js" nomodule></script><script src="scripts.2627377240feaa5a6485.js"></script><script src="main-es2015.890c3f6df5b6a90a7c80.js" type="module"></script><script src="main-es5.9afafd3aaac89877d412.js" nomodule></script></body>
</html>
我的错误是：
http://local.client.appname.com:8000/dist/angular/dist/admin/styles.css?05770201d1c76b92c136947b9f2ea1f8 net::ERR_ABORTED 404 (Not Found)
【问题讨论】：
在 index.html 中更改 href='/admin/angular/' 然后运行 ng build --prod 并在服务器中部署代码 还是不行；x 你可以在你进入控制台的帖子中添加错误 GET local.client.appname.com:8000/dist/angular/dist/admin/… net::ERR_ABORTED 404 (Not Found) 该项目在 dist/angular/dist/admin 项目中 我编辑了帖子并添加了 index.html 【参考方案1】：ng build --base-href=/admin/angular/
并确保 dist 的内容在实际文件夹 /admin/angular 中 应该有 index.html 文件和项目的其余部分。
【讨论】：
以上是关于Angular，在特定路线上构建的问题的主要内容，如果未能解决你的问题，请参考以下文章
Angular CLI 在库构建中包含样式表 scss 文件
typescript Angular 4的RouteReuse策略（经过测试）。这可用于记住特定组件的状态。例如 - 当某条路线是