在端口 8080 上使用 LiveServer

Question

我目前正在 https://angular.io/docs/js/latest/quickstart.html 阅读 Angular 2 快速入门说明，运行遇到问题运行ning LiveServer。当我按照说明启动 LiveServer 时，浏览器出现错误：

Error Code: 502 Proxy Error

经过一些调查，我意识到我的代理正在使用端口 8080，LiveServer 也是如此。如果我关闭我的代理，那么我可以在我的浏览器中看到 angular 站点。

那么，我的问题是，更改 LiveServer 使用的最佳端口是什么？

Answer 1

我在实时服务器 README 文件中找到了我的问题的答案（我可能应该在发布问题之前阅读它）它说：

如果文件 ~/.live-server.json 存在，它将被加载并用作命令行上 live-server 的默认选项

因此，为了其他需要这样做的人的利益，我创建了一个 .liver-server.json 文件并将端口设置为 8081，如下所示：

{"port": 8181, 
"host": "0.0.0.0", 
"open": false, 
"root":"/Users/abc/Projects/angular2-quickstart",
"ignore": "",
"file": "index.html",
"wait": 1000 }

这有效。

Answer 2

在您的 package.json 文件中为您的应用程序添加默认端口

"scripts": { "start": "live-server --port=8082", },

在端口 8080 上使用 LiveServer

Using LiveServer on port 8080

port

npm-live-server

angular