无法在WAMP服务器中使用dist文件夹部署Angular 5

时间:2018-05-01 10:43:48

标签: angular .htaccess deployment wampserver

我无法让我的角度5应用在WAMP服务器上运行。我已阅读了许多其他堆栈溢出帖子,并尝试了一些选项。

生成dist文件夹的步骤:

第1步 - ng build --prod --base-href" / dist /"。

步骤2:将dist / *文件复制到DOCUMENT_ROOT。

dist in root folder

enter image description here

第3步 - 重启WAMP服务器

第4步 - localhost。 dist文件夹在WAMP中显示

enter image description here

第5步:localhost / dist和localhost / dist / index.html - 无效

第6步:我将基础href更改为" / dist /"并重新启动WAMP - 这个打开的索引文件 Dint work

第7步 - 基于角度网站中提供的部署方法 - https://angular.io/guide/deployment#routed-apps-must-fallback-to-indexhtml

我创建了.htaccess文件并复制了以下代码,并将文件放在dist文件夹中 enter image description here

enter image description here

仍然无法正常工作。请帮忙。最近3天一直在努力奋斗!

1 个答案:

答案 0 :(得分:0)

我只是尝试了同样的事情并且有效。这就是我做的。 首先,我将Angular CLI升级到最新版本。

npm uninstall -g @angular/cli
npm cache verify
# if npm version is < 5 then use `npm cache clean`
npm install -g @angular/cli@latest

然后我能够使用自定义baseHref进行构建,您还可以指定deploy-url(此选项仅适用于CLI生成的文件,而不适用于您在资产中包含的文件)。顺便说一下,当你想在索引文件中包含一个静态文件时,避免任何问题,最好的选择是这样做(你添加./前面的文件)

<script src="./assets/bower_components/underscore/underscore-min.js" type="text/javascript"></script>

最终我用来构建的选项是:

ng build --prod --base-href /dist --deploy-url ./

当我进行构建并将其放入我的MAMP / WAMP / XAMP中时,它将起作用