如何在 Vue JS 2 中为历史模式配置 http-server？

Question

我在目录中构建了一个 Vue JS 应用程序dist。为了运行，我使用http-server以下命令全局安装：

npm install -g http-server

我使用以下命令运行应用程序：

http-server dist

所以我可以访问该网站http://localhost:8080，它工作正常。但在我的应用程序中，我vue-router配置了历史记录模式，因此我应该访问类似 的 URL http://localhost:8080/page1，但问题是http-server返回 404：

curl -i http://localhost:8080/page1

HTTP/1.1 404 Not Found
accept-ranges: bytes
Date: Sat, 11 Sep 2021 12:41:53 GMT
Connection: keep-alive
Keep-Alive: timeout=5
Content-Length: 0

我如何解决它？

Answer 1

我相信修复方法是http-server使用“代理”选项作为“全部”重定向运行 -http-server -P http://localhost:8080? dist