后端

部署上线Deployment

你可能会说

我做好了，怎么才能让别人用一个网址就能打开我的页面？

把项目发布到目标环境运行，使目标用户或其他系统可以正常访问例如平台取得项目文件后，生成可运行的网页或启动服务，再放到测试地址、内部地址或公开网址。发布前要确认发往哪里、怎样启动和需要哪些设置；失败时先查看系统记录的报错。

本地文件 → build 打包 → 托管平台 → my-app.vercel.app

这是公开静态前端的示例；服务部署还需要运行与访问配置

组成结构 · Anatomy

💻源码 → 📦打包产物 → ☁️托管平台 → 🌐公网网址

你写的或 AI 生成的源文件，浏览器不一定直接能跑

静态前端常生成 dist；服务项目也可能由平台从源码构建并启动

平台按配置托管静态文件、函数或服务，并提供相应运行环境

公开网站通常有平台分配的地址；内部服务可能只在私网或服务间访问

常见变体 · Variants

Vercel / NetlifyVercel & Netlify

vercel --prod

前端项目常用；函数和服务能力要看具体平台与套餐

GitHub PagesGitHub Pages

Settings → Pages

为仓库提供静态网站托管；权限和可用功能以当前方案为准

自建服务器VPS

ssh user@1.2.3.4

需要长期运行服务，并能自行维护系统与部署时

典型使用场景

Vercel 部署成功页

🎉

Congratulations!

my-first-page 部署成功

页面预览

my-first-page.vercel.app

终端 npm run build

zsh — my-first-page

$ npm run build vite v6.0.0 building for production… dist/index.html 0.5 kB dist/assets/index-8fk2.js 142 kB ✓ built in 3.2s dist 是此静态前端构建生成的输出目录

push 触发自动部署

Deployments

首页构建通过 ✓

1 分钟前 · 由 git push 触发

Ready

初始化项目

3 天前 · 由 git push 触发

Ready

浏览器打开公网网址

🔒 https://my-first-page.vercel.app

小狸的主页

我喜欢爬山和拍照。

看我的相册 →

🌐 公开部署时，这个网址可被外部访问