如何在dev env中更改角度4的localhost名称以进行ssl测试？

Posted 2021-04-09

我正在尝试将我的托管env而不是localhost/更改为类似www.example.com的内容。我试图更改我的主机文件（sudo nano /private/etc/hosts）中的conf并执行类似下面的操作并清除我的DNS缓存dscacheutil -flushcache但无法正常工作。我错过了什么吗？

##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1       localhost
127.0.0.1       www.example.com
255.255.255.255 broadcasthost
::1             localhost
10.211.55.4     window10pro
127.0.0.1       AcronisDriveSearchPlugin

注意，我使用代理配置重定向网址调用，

{
  "/api": {
     "target": "https://localhost:5001",
     "secure": false
  }
}

我的脚本开始于package.json

"scripts": {
    "ng": "ng",
    "start": "ng serve --ssl --proxy-config proxy.config.json",....

我打电话给npm start为我的项目服务

答案

刚刚在www.example.com的/private/etc/hosts配置中的defaults中添加了相应的主机名（angular-cli），

 "defaults": {
    "styleExt": "scss",
    "serve": {
      "host": "www.example.com",
      "sslKey": "server.key",
      "sslCert": "server.crt"
    },

并在ng start script修改我的package.json如下，

{
  "name": "quickstart-angular5",
  "version": "5.0.5",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --ssl --proxy-config proxy.config.json",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "build:free": "ngm build -p src/app/typescripts/free --clean && gulp npmFree && gulp startFree && gulp onlyFree",
    "build:pro": "ngm build -p src/app/typescripts/pro --clean && gulp only-pro && gulp startPro",
    "build:all": "npm run build:free && npm run build:pro",
    "aot:build": "ng build --prod --sm=false --aot=true --output-path=dist",
    "pre-commit": "ng lint"
  },

终于打了npm start