Netlify在我以前的博文有介绍。

Netlify: 前端Vue/React自动化部署服务

这里打包这个“群聊”项目,这里只演示前端怎么部署,后端是用express写的,部署同理。

 

1. 上传vue项目到Github上:

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

vscode中提交并推送到Github上:

Netlify: 前端Vue/React自动化部署服务

这时需要添加远程:

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

2. 打开Netlify:

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务

 Netlify: 前端Vue/React自动化部署服务

这将让我们打包后的dist目录上线:

 

Netlify: 前端Vue/React自动化部署服务

自动化部署,就是本地对Github上的任何修改都会触发Netlify重新执行Build command。

 上面的域名不好看,可以更改一下:

Netlify: 前端Vue/React自动化部署服务

注意, 这里是编辑域名,不是自定义,自定义要给钱。

Netlify: 前端Vue/React自动化部署服务

Netlify: 前端Vue/React自动化部署服务 

相关文章:

  • 2021-04-09
  • 2021-06-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-30
  • 2022-12-23
猜你喜欢
  • 2021-09-28
  • 2021-06-09
  • 2022-12-23
  • 2022-12-23
  • 2022-01-15
  • 2021-07-09
  • 2022-12-23
相关资源
相似解决方案