当前位置: 首页 > 工具软件 > vercel > 使用案例 >

Vercel 部署本地项目

干善
2023-12-01


1. 先在自己电脑上全局安装 Vercel
 

npm i -g vercel

有时需要权限:

sudo cnpm i -g vercel 

下载时间可能会有点慢,不过没关系,慢慢等待就好了

2. 查看是否安装
 

vercel -v

显示版本号就代表已安装成功

3.接着我们cd到项目的文件目录下

vercel --prod


输入上面命令 — 注意: 首次执行会要求输入邮箱验证登录
完成后,根据提示步骤进行操作:

# 是否部署当前项目 -> y
? Set up and deploy “D:\work\learn\realworld-nuxtjs”? [Y/n] 
# 选择发布到的位置 -> 直接回车
# 如果是GitHub账户登录,默认就是账户名,显示在提示下面
# 可以在官网登录后访问这个地址查看:https://vercel.com/dashboard
Which scope do you want to deploy to?
·[githubname]
# 是否链接到一个存在的项目 -> n
? Link to existing project? [y/N]
# 为项目命名,使用默认即可 -> 直接回车
? What’s your project’s name? (realworld-nuxtjs)
# 选择代码的位置,当前代码位置就是根目录 -> 直接回车
? In which directory is your code located? ./


接着就会进行发布:到此项目就部署到线上了

Inspect 可以跳转到 vercel 网站查看项目部署进度
Production 就是部署完访问的地址
注意: vercel部署的站点的访问地址是https开头的,所以项目中请求的接口应该也是https开头,否则会请求失败

 类似资料: