Angular ng服务未在本地主机上托管网站

Question

当我提供服务时，我的CLI会显示此“ Angular Live Development Server正在监听localhost：4200，在http://localhost:4200/上打开浏览器”错误，但是当我在浏览器中打开http://localhost:4200/时，没什么。请帮我解决这个问题。 在此先感谢

{ "name": "eastlaw", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^6.1.0", "@angular/common": "^6.1.0", "@angular/compiler": "^6.1.0", "@angular/core": "^6.1.0", "@angular/forms": "^6.1.0", "@angular/http": "^6.1.0", "@angular/platform-browser": "^6.1.0", "@angular/platform-browser-dynamic": "^6.1.0", "@angular/router": "^6.1.0", "core-js": "^2.5.4", "rxjs": "6.0.0", "zone.js": "~0.8.26" }, "devDependencies": { "@angular-devkit/build-angular": "~0.7.0", "@angular/cli": "~6.1.5", "@angular/compiler-cli": "^6.1.0", "@angular/language-service": "^6.1.0", "@types/jasmine": "~2.8.6", "@types/jasminewd2": "~2.0.3", "@types/node": "~8.9.4", "codelyzer": "~4.2.1", "jasmine-core": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~1.7.1", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.0", "karma-jasmine": "~1.1.1", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.4.0", "ts-node": "~5.0.1", "tslint": "~5.9.1", "typescript": "~2.7.2" } }

Answer 1

要调试问题，请尝试以下操作：

• ng服务-o
• 使用键 baseURL
检查配置文件中提到的默认端口
• 使用ng build命令检查（如果正在生成Webpack）
• ng serve --port 8080 --host 0.0.0.0 --disableHostCheck true

如果可能，请尝试上传浏览器控制台图像

Answer 2

首先，验证您的机器IP地址。

在Windows上，在“提示符”（复制IPv4）中键入ipconfig。在Mac上，在“终端”（副本inet）中输入i fconfig |grep inet。

就我而言，这是192.168.0.10。接下来，键入命令ng serve --host 192.168.0.10。好的，您的应用程序可以在同一网络上的所有设备上播放。

现在只有http://192.168.0.10:4200/可以工作，localhost不能工作。

Answer 3

考虑这些事情：

1. 通过ng serve打开服务器，只能在 该设备上的浏览器。
2. 如果要为网络上的设备提供服务，则应使用ng serve -- host <your_device_ip>

  

注意：“设备IP”是您从中提供服务的设备的IP地址。