Angular配置調試環境的域名

調試環境的問題

Angular啓動打包調試的命令是ng serve. ng serve默認對應的頁面地址是localhost:4200. 在這個環境下, 有些資源的加載就會出現問題. 比如圖片資源無法加載, 視頻無法打開, 廣告加載失敗等. 主要是跨域或後端限製造成的. 因此, 所以如果可以在ng serve的調試環境配置中指定域名問題應該就能解決.

配置域名的方法

1. 在C:\Windows\System32\drivers\etc\hosts文件中配置:

127.0.0.1 www.abc.com

1. 在angular項目根目錄package.json中配置:

  "scripts": {
    "debug": "ng serve --host www.abc.com --port 80 --live-reload false",
  }
複製代碼

1. 在angular項目根目錄運行命令:

npm run debug
複製代碼

1. 在瀏覽器打開地址

www.abc.com
複製代碼

參數的含義參考可如下地址:

angular.io/cli/serve