目录

使用netlify部署github的vuereact项目或本地的dist,国内也可以正常访问

使用netlify部署github的vue/react项目或本地的dist,国内也可以正常访问

https://i-blog.csdnimg.cn/direct/de7b567e700d48ca859f4c33dd83e774.png

提供简洁的部署流程和丰富功能,如自定义域名、自动构建和服务器端功能。通过连接到 Git 仓库实现持续部署,每次推送代码都会自动构建和发布,支持无服务器函数,允许在前端项目中实现后端逻辑,提供直观的用户界面来管理和配置项目。netlify 地址

使用github等都可以直接登录:

https://i-blog.csdnimg.cn/direct/a553436f1c284edfa429890899fa3825.png

然后输入你的用户名等:

https://i-blog.csdnimg.cn/direct/ba2e7807ce3d41c690033ee5b7e733aa.png

部署github项目

先和github关联,然后github授权,就可以获取的所有的github项目:

https://i-blog.csdnimg.cn/direct/f5c8364690574916ba1b8729470b2bb2.png

选择一个仓库,然后开始部署:

https://i-blog.csdnimg.cn/direct/d35d5bde83cc4bf197a148fdaa88f644.png

可以自定义编译命令和目录等,编译完成之后,点击那个白色的页面或者链接都可以直接访问,比如我的pakeplus项目:

https://i-blog.csdnimg.cn/direct/449b8e855b9d4a1c90a283fa50427190.png

在设置里面可以设置站点的名字:

https://i-blog.csdnimg.cn/direct/304c830d3b664cf7a20576454ae29881.png

如果不想要这个项目了,滑到最底部,还可以删除这个项目:

https://i-blog.csdnimg.cn/direct/eb1fdbee76e54ca28385a721b2d3d8c8.png

部署本地项目

也可以通过将你本地编译之后的dist文件夹直接上传上去实现部署,将你编译之后的dist文件夹拖进来,就可以实现上传部署,还是很方便的,但是缺点就是不能像github上一样实时推送部署的效果,需要你手动更新部署

https://i-blog.csdnimg.cn/direct/12627e10c2e04c0698611335e7ca5b6e.png