如何在 Vue JS 2 中为历史模式配置 http-server?
How do I configure http-server for history mode in Vue JS 2?
我在目录 dist
中构建了一个 Vue JS 应用程序。对于 运行ning,我使用 http-server
通过以下命令全局安装:
npm install -g http-server
我 运行 使用命令的应用程序:
http-server dist
所以我可以访问 http://localhost:8080
上的网站,它工作正常。但是在我的应用程序中,我有 vue-router
配置了历史模式,所以我应该访问像 http://localhost:8080/page1
这样的 URL,但问题是 http-server
returns 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
我该如何解决?
我认为解决方法是 运行 http-server
将“代理”选项作为“Catch-All”重定向 - http-server -P http://localhost:8080? dist
我在目录 dist
中构建了一个 Vue JS 应用程序。对于 运行ning,我使用 http-server
通过以下命令全局安装:
npm install -g http-server
我 运行 使用命令的应用程序:
http-server dist
所以我可以访问 http://localhost:8080
上的网站,它工作正常。但是在我的应用程序中,我有 vue-router
配置了历史模式,所以我应该访问像 http://localhost:8080/page1
这样的 URL,但问题是 http-server
returns 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
我该如何解决?
我认为解决方法是 运行 http-server
将“代理”选项作为“Catch-All”重定向 - http-server -P http://localhost:8080? dist