Angular 5中如何将localhost:4200改为mysite:4200（已试--host无效）

我来帮你搞定这个问题！要让Angular 5应用以mysite:4200的形式在浏览器中访问，需要完成两个关键步骤，缺一不可：

1. 配置本地Hosts文件，让mysite指向本地IP #

因为mysite是自定义的主机名，你的电脑默认不知道它对应的IP地址，所以得先修改hosts文件把它映射到本地回环地址：

• Windows系统：打开C:\Windows\System32\drivers\etc\hosts（需要用管理员权限打开编辑器，比如右键记事本选“以管理员身份运行”），添加一行：

  127.0.0.1 mysite
  

• macOS/Linux系统：打开终端，执行sudo nano /etc/hosts，输入密码后添加同样的一行，按Ctrl+O保存，Ctrl+X退出。

2. 启动Angular应用时指定自定义主机名 #

之前你用ng serve --host 0.0.0.0只是让应用监听所有网络接口，但并没有指定要绑定的主机名。现在配置好hosts后，直接用下面的命令启动：

ng serve --host mysite --port 4200

启动完成后，打开浏览器访问http://mysite:4200就能看到你的应用了！

（可选）配置默认启动参数，不用每次手动输入 #

如果你不想每次启动都敲一堆参数，可以修改Angular 5的配置文件.angular-cli.json：
找到文件里的defaults节点，添加serve配置：

"defaults": {
  // 其他默认配置...
  "serve": {
    "host": "mysite",
    "port": 4200
  }
}

保存之后，直接运行ng serve就会自动以mysite:4200启动应用啦！

内容的提问来源于stack exchange，提问作者Umair Jameel