在不进入不受信任证书页面的情况下,从Angular2发出HTTPS请求,可以通过以下步骤实现:
angular.json
文件中的serve
配置中设置ssl
为true
来启用HTTPS。例如:"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "your-app:build",
"ssl": true
},
"configurations": {
"production": {
"browserTarget": "your-app:build:production"
}
}
}
proxy.conf.json
文件中,添加以下内容:{
"/api": {
"target": "https://your-api-url.com",
"secure": false,
"changeOrigin": true
}
}
这里的/api
是你的API请求路径,https://your-api-url.com
是你的API服务器地址。设置secure
为false
表示不验证SSL证书。
package.json
文件中的scripts
部分,更新启动命令,添加--proxy-config
参数,指向你的proxy.conf.json
文件。例如:"scripts": {
"start": "ng serve --proxy-config proxy.conf.json"
}
import { HttpClient } from '@angular/common/http';
constructor(private http: HttpClient) {}
makeRequest() {
this.http.get('https://your-api-url.com/api/data').subscribe(response => {
console.log(response);
});
}
在上面的代码中,https://your-api-url.com/api/data
是你的API请求地址。
请注意,以上步骤是在开发环境中绕过证书验证,不建议在生产环境中使用。在生产环境中,应该使用有效的SSL证书,并确保证书的私钥和公钥正确配置。
领取专属 10元无门槛券
手把手带您无忧上云