Skip to content

前端服务部署

Vercel

vercel支持node,netlify不支持

vercel国内访问没有netlify访问快,添加自定义域名访问更快

官网:https://vercel.com/

vercel可以直接通过官方访问,也可以使用本地命令,建议使用本地命令

安装

bash
npm i vercel -g

常用命令

  • vercel login 登录vercel账号
  • vercel dev 本地开启服务
  • vercel dev --bug 本地开启服务并打印日志
  • vercel 部署本地资源到vercel临时域名
  • vercel --prod 部署到生产环境

部署前端服务

上传前端项目或者静态文件即可

部署node服务

部署node服务必须安装@vercel/node包,并删除package.json的build命令

node需要安装包

bash
pnpm add @vercel/node -S

之后在项目根目录添加文件 vercel.json,并配置如下

json
{
  "version": 2,
  "builds": [
    {
      "src": "src/server.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "src/server.js"
    }
  ]
}

routes如果有则添加上,没有就不用

fastify问题

js
// 使用fastify部署 要把监听函数删除,并导出实例
export default async (req, res) => {
  await fastify.ready();
  return fastify.routing(req, res);
}

netlify

官网:https://app.netlify.com/

Released under the MIT License.