将Angular的HTTP协议改为 HTTPS
默认情况下,Angular是在 http 协议上运行的。http://localhost:4200
下面是改成https协议的方法
打开angular.json
文件添加options对象。
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
//新增options
"options": {
"browserTarget": "my-p-angular:build",
"ssl": true
},
"configurations": {
"production": {
"browserTarget": "my-p-angular:build:production"
}
}
}
开启服务:ng serve
但由于没有证书,浏览器会给出警告:
想要消除警告的话需要在angular.json
文件内添加自定义 SSL 证书,SSL证书的获取方法这里不再赘述了。
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "my-p-angular:build",
"ssl": true,
//这里
"sslCert": "path/cert.crt",
"sslKey": "path/cert.key",
},
"configurations": {
"production": {
"browserTarget": "my-p-angular:build:production"
}
}
}