网站推广业务,企业建站公司流程,电子产品网站建设模板,解答网站内容优化策略背景
在现代的软件开发中#xff0c;自动化部署是一个不可或缺的环节。Vercel作为一个流行的前端部署平台#xff0c;提供了与GitHub的无缝集成#xff0c;使得开发者能够在每次提交代码后自动触发部署流程。然而#xff0c;自动化部署过程中可能会遇到一些挑战#xff0…背景
在现代的软件开发中自动化部署是一个不可或缺的环节。Vercel作为一个流行的前端部署平台提供了与GitHub的无缝集成使得开发者能够在每次提交代码后自动触发部署流程。然而自动化部署过程中可能会遇到一些挑战比如提交Git的邮箱与GitHub绑定的邮箱不一致导致自动部署失败。本文将探讨这一问题及其解决方案并介绍如何通过自定义域名来提升部署项目的专业度。
Github自动部署问题
vercel默认支持在Github的commit操作后进行自动部署
自动部署失败
问题如果提交git的邮箱和GitHub绑定邮箱不一致呢
结果失败 失败原因 如何解决
设置本地git提交邮箱
原本未设置全局邮箱所以报错设置本地Git提交邮箱 在终端或命令提示符中使用以下命令来设置你的提交者姓名和邮箱。
git config --global user.name Your Name
git config --global user.email your_emailexample.com
//替换Your Name为你的真实姓名your_emailexample.com为你的GitHub绑定邮箱。 
在设置后进行提交会检测到commit并自动部署 如下图所示提示部署成功了
如何访问
域名
可以自定义域名也可以使用vercel的子域名
自定义域名需要自己购买使用vercel的子域名等于是挂载在vercel网站下
![](https://img-blog.csdnimg.cn/img_convert/68e19b9549ded8459207cb78f6c0d147.png 最后成功
完成上面的内容后就可以直接点进配置域名进入部署项目的主页了
【Vercel】如何将你的静态网站发布无需服务器完成自动部署
命令报错
报错详情
13:18:21.159
13:18:21.160npm error This is an error with npm itself. Please report this error at:
13:18:21.160npm error
13:18:221.16 npm error A complete l
https://github.com/npm/cl/ssues
logofthhis run can bbeffound in: /vercel.1/.npm/_1ogs/2024-09-29T05_17_00_500Z-debug-0.1og
13:18:21.285
13:18:21.40213:18:21.287sh: line 1: vite: command not found
Error: Command vite build exited with 127如何解决
先在本地连接测试
安装vercel依赖 npm install -g vercel登录vercel vercel login 登录会选择代码仓库这里用的是github直接跳转浏览器登录登录后本地部署连接 这里的报错和上面相同
解决
考虑是package-lock.json 锁死了版本导致依赖安装失败 删除package-lock在本地安装就成功了 然后在vercel平台安装生产环境 【Vercel】如何将你的静态网站发布无需服务器完成自动部署