我现有的项目在后端有一个Spring,在前端有 AngularJS 1 . 当我运行Spring服务器时 - 只为我打开一个端口:8080,我可以通过它访问REST API和 AngularJS 前端内容 .
但现在我想搬到新的 Angular 2 . 如何让它使用相同的端口:8080既适用于API又适用于 Angular 2 ?我之所以问这个问题的原因是,我发现几乎每个教程都提供使用Angular CLI(npm install -g angular-cli)https://cli.angular.io/的东西,用它安装另一个lite服务器,然后我必须在不同的端口上运行它 .
如何安装 Angular 2 的最低必需依赖项并且没有自己的服务器?
像这样的教程:https://www.youtube.com/watch?v=HhroyiYFmjc REST API在端口上运行:端口上的8080 Angular2:3000
1 回答
要在Java服务器下部署由Angular CLI生成的应用程序,您可以运行ng build(或ng build --prod)并将dist dir中生成的文件内容复制到服务器到静态目录 .
在开发模式下,如果要继续使用开发服务器运行应用程序(默认情况下它在端口4200上运行),您可以通过在Angular项目中创建具有以下内容的文件proxy-config.json来配置代理(假设api是部署的URL的一部分):
{ "/api": { "target": "http://localhost:8080", "secure": false } }
现在,您可以使用以下命令在开发模式下运行应用程序:
ng serve --proxy-config proxy.conf.json
这将允许您的开发服务器(端口4200)访问端口8080上的REST API .