Node.js &引用；“拒绝连接”；Angular 4本地主机开发

我在本地运行Angular 4应用程序时收到“连接被拒绝”页面

URL是

http://localhost:4200/

使用

ng serve--open

命令运行应用程序

更新1:angular.json

对于一些源代码，我发现angular cli文件现在更改为

angular.json

下面是来自

agnular.json

"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
  "angular-forms": {
    "root": "",
    "sourceRoot": "src",
    "projectType": "application",
    "architect": {
      "build": {
        "builder": "@angular-devkit/build-angular:browser",
        "options": {
          "outputPath": "dist",
          "index": "src/index.html",
          "main": "src/main.ts",
          "tsConfig": "src/tsconfig.app.json",
          "polyfills": "src/polyfills.ts",
          "assets": [
            "src/assets",
            "src/favicon.ico"
          ],
          "styles": [
            "src/styles.css"
          ],
          "scripts": []
        },
        "configurations": {
          "production": {
            "optimization": true,
            "outputHashing": "all",
            "sourceMap": false,
            "extractCss": true,
            "namedChunks": false,
            "aot": true,
            "extractLicenses": true,
            "vendorChunk": false,
            "buildOptimizer": true,
            "fileReplacements": [
              {
                "replace": "src/environments/environment.ts",
                "with": "src/environments/environment.prod.ts"
              }
          ]
        }
      }
    },
    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "angular-forms:build"
      },
      "configurations": {
        "production": {
          "browserTarget": "angular-forms:build:production"
        }
      }
    },
    "extract-i18n": {
      "builder": "@angular-devkit/build-angular:extract-i18n",
      "options": {
        "browserTarget": "angular-forms:build"
      }
    },
    "test": {
      "builder": "@angular-devkit/build-angular:karma",
      "options": {
        "main": "src/test.ts",
        "karmaConfig": "./karma.conf.js",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.spec.json",
        "scripts": [],
        "styles": [
          "src/styles.css"
        ],
        "assets": [
          "src/assets",
          "src/favicon.ico"
        ]
      }
    },
    "lint": {
      "builder": "@angular-devkit/build-angular:tslint",
      "options": {
        "tsConfig": [
          "src/tsconfig.app.json",
          "src/tsconfig.spec.json"
        ],
        "exclude": [
          "**/node_modules/**"
        ]
      }
    }
  }
},
"angular-forms-e2e": {
  "root": "",
  "sourceRoot": "",
  "projectType": "application",
  "architect": {
    "e2e": {
      "builder": "@angular-devkit/build-angular:protractor",
      "options": {
        "protractorConfig": "./protractor.conf.js",
        "devServerTarget": "angular-forms:serve"
      }
    },
    "lint": {
      "builder": "@angular-devkit/build-angular:tslint",
      "options": {
        "tsConfig": [
          "e2e/tsconfig.e2e.json"
        ],
        "exclude": [
          "**/node_modules/**"
        ]
      }
    }
  }
}
},
"defaultProject": "angular-forms",
"schematics": {
"@schematics/angular:component": {
  "prefix": "app",
  "styleext": "css"
},
"@schematics/angular:directive": {
  "prefix": "app"
}
}
}

如果需要更多细节，请告诉我

附加屏幕截图以了解更多详细信息

---

不要使用

localhost

尝试使用您的

IP

访问您的应用程序，如下所示：

（假设您正在使用Windows）在命令行中，键入=>ipconfig并复制它返回的ip地址

例如，如果IP地址为192.168.0.10，则您可以访问您的应用程序（在发出

ng server

后），如下所示：

---

希望这有帮助

我已经找到了解决这个问题的方法，而且非常简单。当@Devid询问mi有关公司代理的问题时，我已经开始朝这个方向搜索解决方案。最后我发现我的局域网代理设置有一个小错误

在配置代理服务器时，我忘记启用“绕过本地地址的代理服务器”选项，这导致上面的错误

下面是更多详细信息的屏幕截图

---

转到命令行并运行

ng serve--port 4200

---

希望这有帮助。

感谢您的快速回复！我刚刚尝试了建议的方法，但仍然得到相同的错误：（你能试试，

ng serve--port 5200

看看你是否能访问你的应用程序吗？我的公司代理对本地地址有一些规则可以绕过，其中包括：192.168.*这就是为什么这个解决方案对meCan有效。你可以显示你的

.angular cli.json

文件吗？你是在一个可能会阻止自定义端口的公司代理后面吗？是的，我正在工作正在代理后面运行，但我不确定自定义端口是否被阻止

http://192.168.0.10:4200