Javascript Angular2应用程序生成,但加载css、js文件夹时未找到文件

Javascript Angular2应用程序生成,但加载css、js文件夹时未找到文件,javascript,node.js,angular,Javascript,Node.js,Angular,我有一个angular2应用程序,它使用nodejs服务器api。 我使用NDB构建应用程序,它在dist文件夹中创建了文件。在哪里可以为生产构建指定生产url,以便正确加载所有css、js文件 还有,我是否需要apache服务器来承载这些构建。或者我可以使用节点服务器本身来承载它吗 Index.html: <!doctype html> <html> <head> <base href="/"> <meta charset="utf

我有一个angular2应用程序,它使用nodejs服务器api。 我使用NDB构建应用程序,它在dist文件夹中创建了文件。在哪里可以为生产构建指定生产url,以便正确加载所有css、js文件

还有,我是否需要apache服务器来承载这些构建。或者我可以使用节点服务器本身来承载它吗

Index.html:

<!doctype html>
<html>
<head>
  <base href="/">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Demo</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="assets/styles/css/custom.css"/>
  <script src="assets/vendor/pace/pace.js"></script>
</head>
<body>
  <app-root>
    <div class="loading"></div>
  </app-root>
</body>
</html>

演示

感谢开发和测试,您可以从dist文件夹中指定css的URL。如果您要进行生产,那么您可以复制css和js文件的缩小版本,并将它们放入
style
js
文件夹。例如,还可以从这些文件夹中设置html文件中的URL。

通过分析html文件,我发现
标记存在问题

您需要提供
/
而不是
/
,这是错误的。 下面给出了更正的html文档


牧羊人盾

我已成功构建angular2应用程序,但我想将其托管在a/var/www/v1 ie,ip/v1(ip:00.00.0.0)中,我可以在环境文件中的何处指定主机url:localhost/testproject?ng g命令在dist文件夹中构建文件,但当我将这些文件复制到/var/www/v1时,它显示无法加载js、css文件,即试图从localhost/styles/custom.css加载的文件,实际上它存在于localhost/v1/styles/custom.css中。我希望这是由于url规范的滞后造成的。您是否可以在浏览器的“开发人员”选项卡中检查“网络”选项卡。是的。我要检查的是js,css文件正试图从localhost加载,而不是从localhost/v1加载。请共享您的html文件详细信息,@KrutikJayswal。我在回答问题,没有注意到屏幕上的执行面板你救了我一天!非常感谢你。