我使用Angular 2 CLI构建了一个Angular 2应用程序。我现在的问题是我想将应用程序部署到本地服务器,作为其他人可以查看的暂存环境。
使用Angular 2 CLI的大多数教程都显示dist
文件夹,该文件夹似乎是在使用CLI首次创建项目时生成的。我只能使用dist
生成ng build
文件夹。我假设Angular 2 CLI已更改,最初dist
文件夹是初始文件夹结构的一部分,但现在只在使用ng build
时生成?
作为测试,我将生成的dist
文件夹复制到WAMP服务器[http://localhost:8080/Project/dist/]的www
文件夹中以尝试运行应用程序...浏览器控制台显示:< / p>
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/inline.js
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/bundle.js
它正在查找本地服务器根目录下的所有资产,而不是将根目录设置为dist
文件夹中index.html的位置。所有图像和图标都有同样的问题...我想我没有为相对路径配置一些东西......我该怎么办?
答案 0 :(得分:6)
首先,您可以指定ng build
命令的输出路径 - 因此无需手动复制。例如:ng build --output-path /var/www/app_foo/root/
。
其次,index.html
- <base href="/path">
中有基本路径概念实现为基本代码。您可以通过ng build --base-href /path/
手动或在构建期间进行设置。
在您的情况下,它似乎应匹配:ng build --base-href /Project/dist/
。