使用serve部署静态资源在特定的端口

Preface

本文是对使用GitHub - zeit/serve部署静态资源的记录。

vue官方文档里推荐的静态资源部署工具是GitHub - zeit/serve。

npm install -g serve
# -s 参数的意思是将其架设在 Single-Page Application 模式下
# 这个模式会处理即将提到的路由问题
serve -s dist

会返回

┌───────────────────────────────────────────────┐
  │                                               │
  │   Serving!                                    │
  │                                               │
  │   - Local:            http://localhost:5000   │
  │   - On Your Network:  http://127.0.1.1:5000   │
  │                                               │
  │   Copied local address to clipboard!          │
  │                                               │
  └───────────────────────────────────────────────┘

serve默认的端口是5000,如果想指定在特定的端口,执行以下命令即可

1	serve -s dist --listen 4999

参考

部署 | Vue CLI 3
Re-added --single and made --listen support ports by leo · Pull Request #384 · zeit/serve · GitHub