Question

我正在构建一个简单的食谱书应用程序。问题是，当我尝试通过“手动”访问任何可添加书签的网址或重新加载页面时，.js源文件上显示404。问题是webpack（可能）为他们创建了错误的地址。

从索引进入应用程序可以正常进行所有路由等操作。

但是，例如，我有一个特定配方的视图。所以当我进入 http://localhost:4200/recipes/48，服务器响应200。但是他随后尝试从错误的地址获取.js文件。

http://localhost:4200/recipes/polyfills.js
http://localhost:4200/recipes/style.js
http://localhost:4200/recipes/vendor.js
http://localhost:4200/recipes/main.js

检索到的index.html中的脚本片段看起来有点不对，src开头是否缺少“ /”？：

<script type="text/javascript" src="runtime.js"></script>
<script type="text/javascript" src="polyfills.js"></script>
<script type="text/javascript" src="styles.js"></script>
<script type="text/javascript" src="vendor.js"></script>
<script type="text/javascript" src="main.js"></script>

index.html：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>MyApp</title>


  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">    

    <link href="http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800" rel="stylesheet">
    <link rel="shortcut icon" href="images/favicon.ico" />
  <base href="/">
</head>
  <app-root></app-root>

</html>

带有webpack的Angular 6在可添加书签的网址上提供了404 for .js文件

0 个答案: