Я работаю над приложением Angular 8. Его индекс html имеет базовый href, установленный как:
<head>
<meta charset="utf-8">
<title>Customer Service Center</title>
<base href="/myapp/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
Когда я пытаюсь открыть его в http://localhost: 4200 в браузере Chrome, это не удается. Ответ на «localhost: 4200»:
<html lang="en">
<head>
<meta charset="utf-8">
<title>Customer Service Center</title>
<base href="/myapp/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script src="runtime.js" defer></script><script src="polyfills-es5.js" nomodule defer></script><script src="polyfills.js" defer></script><script src="styles.js" defer></script><script src="vendor.js" defer></script><script src="main.js" defer></script></body>
</html>
Все запросы для этих js файлов завершились неудачно, потому что они отправлены на «localhots: 4200 / myapp / runtime. js», что вызывает a 404.
Работает только тогда, когда я удаляю «/» после «/ myapp» в индексе. html, например,
<base href="/myapp">
Затем все запросы для тех «js "файлы из root, такие как" localhost: 4200 / runtime. js ", которые верны.
Я думал, что второй" / "требуется для базового href. Я ошибаюсь в этом пункте?