用web服务器Caddy作代理部署前端资源

前端资源部署到服务器时,有两种选择:nodejs 和 caddy

nodejs

  1. 服务器上装上nodejs环境
  2. 服务压缩至zip格式
  3. rz 命令上传至服务器
  4. unzip portal.zip 解压至当前文件夹
  5. 执行 npm install http-server -g
  6. screen -dmS webportal
  7. screen -r webportal
  8. 执行 http-server -p 8088 (8088为指定端口号)

caddy

  1. 在 dva 项目中,执行 npm run build,项目中会生成一个 dist 文件夹,里面包含:css、js、html、png、svg 等等文件各一个,即将项目文件按照种类打包。
  2. 将该文件夹上传至服务器
  3. 服务器部署 caddy ,编写Caddyfile文件,指定代理详情,例如:
http://dev.fcae.com:80 {
  root /var/www/dev.fcae.com
  gzip
  log /var/www/access-dev.log

  proxy /services 10.110.200.29:8080 {
    header_upstream Host {host}
    header_upstream X-Real-IP {remote}
    header_upstream X-Forwarded-For {remote}
    header_upstream X-Forwarded-Proto {scheme}
  }

  rewrite / {
    if {uri} not_starts_with /services
    to {uri} {uri}/ /index.html
  }
}
  • 虚拟主机。如果我们需要配置独立的虚拟主机,需要将配置信息移动到站点名之后的大括号内
  • root 指定根目录直接访问目录/var/www/dev.fcae.com下面的文件
  • rewrite 如果 uri 不是以 /servicecs 开头,则跳到/index.html

你可能感兴趣的:(用web服务器Caddy作代理部署前端资源)