要在本地快速检查 Angular 的单页应用程序（SPA），可以使用 angular-http-server 工具方便地进行确认

這是一個介紹方便Angular單頁應用程序（SPA）開發的npm包，名為angular-http-server的。

我之前一直在开发环境中使用的是一个叫做http-server的包。
只需执行http-server命令，就能将当前目录设置为文档根目录并启动一个简易的HTTP服务器，非常方便。
然而，当使用http-server来运行已构建的Angular项目时，由于未设置“当指定的路径不存在时重定向到index.html”，无法确认路由。
这种情况下非常方便的是angular-http-server，虽然名字有些过分，但它设置了“当指定的路径不存在时重定向到index.html”，因此可以进行路由确认。

安装

为了实现在任何地方运行的目标，这次我们将进行全球安装。

$ npm install -g angular-http-server

试着使用

我们将以使用Angular-CLI创建的项目为例，进行已构建页面的操作验证。

首先，通过 ng build 命令来构建项目。

$ ng build

在项目根目录下创建一个名为dist的文件夹，并生成编译后的文件。

./dist/
├── favicon.ico
├── index.html
├── inline.bundle.js
├── inline.bundle.js.map
├── main.bundle.js
├── main.bundle.js.map
├── polyfills.bundle.js
├── polyfills.bundle.js.map
├── styles.bundle.js
├── styles.bundle.js.map
├── vendor.bundle.js
└── vendor.bundle.js.map

请前往dist目录并执行angular-http-server命令。

$ angular-http-server

当您通过浏览器访问localhost：8080时，将显示顶部页面，并且我认为可以正常链接到其他通过路由器设置的路径。

以下是对于“オプション”的中文翻译：

选项

指定端口号

angular-http-server -p <ポート番号>

用HTTPS启动服务器

angular-http-server --https

启用CORS

angular-http-server --cors

最后

很方便。