欢迎光临
我们一直在努力

【前端】使用Vercel部署前端项目,api转发到后端服务器

文章目录

    • Vercel是什么
    • 概要
      • Vercel部署分为两种方案:
      • 一、使用GitHub构建部署
      • 二、通过 Vercel CLI 上传本地构建资源
      • 注意事项
    • 转发API到后端
    • 小结

Vercel是什么

Vercel是一款专为前端开发者打造的云部署平台,它支持一键部署静态网站、AI工具和现代Web应用。Vercel的设计哲学是让开发者能更专注于代码本身,而不是繁琐的服务器配置。无论你是构建个人博客、AI项目演示平台,还是全栈Web应用,Vercel都能提供高效的部署体验。

Vercel由Next.js的团队开发,因此它对React生态尤其友好。平台支持自动构建和部署,CI/CD流程一站集成,适用于开发者、AI项目团队、产品经理等多个群体。目前,越来越多的AI工具也选择通过Vercel部署前端页面,实现快速访问和分发。

Vercel非常适合开发者、AI创作者、自由职业者等人群部署博客、文档站、教程类网站。

概要

本文介绍前端通过Vercel部署,后端服务在阿里云上,所以需要通过nginx来解决跨域和转发等问题。

Vercel部署分为两种方案:

  • 已将代码推送到 GitHub、GitLab 或 Bitbucket 仓库
  • 本地代码不准备开源,在本地构建好通过Vercel Cli来上传部署
  • 一、使用GitHub构建部署

  • 准备项目 确保你的 Next.js 项目中有正确的配置:
    • package.json 中包含 next 依赖
    • 有正确的启动脚本(通常 Next.js 项目默认已配置)
  • 登录 Vercel 访问 Vercel 官网 并使用你的 GitHub 账号登录。
  • 导入项目 点击 dashboard 上的 “New Project” 按钮 选择你存放 Next.js 项目的 Git 仓库 点击 “Import” 导入项目
  • 配置部署选项 Ver
  • 赞(0)
    未经允许不得转载:171主机测评 » 【前端】使用Vercel部署前端项目,api转发到后端服务器
    分享到: 更多 (0)

    评论 抢沙发

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址