在Angular中进行AKS URL重写的解决方法如下:
proxy.conf.json的文件,并添加以下内容:{
"/api": {
"target": "https://your-aks-url/api",
"secure": false,
"changeOrigin": true,
"logLevel": "debug"
}
}
这里假设你的AKS URL是https://your-aks-url,你想要重写的路径是/api。你可以根据实际情况修改这些值。
package.json文件中的start脚本,添加--proxy-config选项,指向刚刚创建的proxy.conf.json文件。例如:"scripts": {
"start": "ng serve --proxy-config proxy.conf.json",
...
}
/api,而不是完整的AKS URL。例如:import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
@Injectable()
export class DataService {
constructor(private http: HttpClient) {}
getData() {
return this.http.get('/api/data');
}
}
注意:使用/api作为相对路径,Angular将会自动将请求重写为https://your-aks-url/api/data。
这样配置后,当你在开发环境运行Angular应用时,所有以/api开头的请求将会被代理到AKS URL上。在生产环境中部署应用时,这些重写配置将不再生效。