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开头,否则会请求失败