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