Angular 4.0:为REST调用设置基本url

Angular 4.0:为REST调用设置基本url,angular,Angular,我正在用SpringBoot、maven和eclipse开发一个Angular项目。我想使用“ng serve”,所以我不必每次都构建。因此,我尝试使用“ng serve”从Angular访问web页面,并使用REST调用从spring boot获取数据。现在,由于我已经有很多REST调用,我不想查看每个文件并将url更改为 我要添加到所有REST呼叫。我尝试了下面的代码,但它仍然在调用:4200/api/inspection 已创建IqsInterceptor.ts: import { In

我正在用SpringBoot、maven和eclipse开发一个Angular项目。我想使用“ng serve”,所以我不必每次都构建。因此,我尝试使用“ng serve”从Angular访问web页面,并使用REST调用从spring boot获取数据。现在,由于我已经有很多REST调用,我不想查看每个文件并将url更改为

我要添加到所有REST呼叫。我尝试了下面的代码,但它仍然在调用:4200/api/inspection

已创建IqsInterceptor.ts:

import {  Injectable, } from '@angular/core';
import {  HttpRequest,  HttpHandler,  HttpEvent,  HttpInterceptor} from '@angular/common/http';
import {  Observable} from 'rxjs/Observable';

@Injectable()
export class IqsInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const url = 'http://localhost:8080';
    req = req.clone({
      url: url + req.url
    });
    return next.handle(req);
  }
}
有关更多信息,请参见我的上一个问题:

您可以添加proxy-conf.json

{
  "/api": {
    "target": "http://localhost:8080",
    "secure": false
  }

}
您的npm start命令将更改为“
ngserve--proxy-config proxy-conf.json-o


由于Angular正在开发服务器中运行,它将在端口4200中运行,而spring boot在端口8080中运行。当您在本地环境中运行数据时,可以使用proxy conf告诉它将数据传递到其他主机

您可以添加proxy-conf.json

{
  "/api": {
    "target": "http://localhost:8080",
    "secure": false
  }

}
您的npm start命令将更改为“
ngserve--proxy-config proxy-conf.json-o


由于Angular正在开发服务器中运行,它将在端口4200中运行,而spring boot在端口8080中运行。当您在本地环境中运行数据时,可以使用proxy conf告诉它将数据传递到其他主机

proxy-conf.json的路径是什么?package.json所在的同一级别proxy-conf.json的路径是什么?package.json所在的同一级别