如何使用 netlify 部署 vue 应用程序
什么是 Netlify?
Netlify 是一个现代网站自动化系统,其 JAM 架构代表了现代网站的发展趋势。所谓 JAM,就是指基于客户端 JavaScript、可重用 API 和预构建 Markup 标记语言的三者结合。
有了 Netlify,我们只要在本机 Git 中写前端代码,然后推送它,网站就能完美地对外呈现。不需要购买网站。个人感觉类似于一个网站托管工具
那怎么将网站托管到 Netlify 呢?
至于登录 Netlify,直接使用 Github 账号密码登录即可。
我第一次登录 Netlify,真的是曲折的经历啊,发邮件和他们 battle。(大约 3 小时内解决)
新建站点
使用 github
授权登录 netlify 。在主页点击 Sites
按钮进入页面
![](https://static001.geekbang.org/infoq/89/89ebf8cd7c54237d4c1eef0f075219cd.png)
点击 New site from git
按钮,新建站点
![](https://static001.geekbang.org/infoq/e8/e8642fc7d4e837d8f371c490660ef0be.png)
选择你仓库所在的仓库(如果之前没有授权,会有授权步骤)
![](https://static001.geekbang.org/infoq/22/2204f17a82273c626b775b87f96d916d.png)
选择好后
构建选项
build command
: 如何构建生成静态文件资源,一般会是npm run build
publish directory
: 静态文件资源目录,一般会是public/dist
等目录
另外也可以作为配置文件,参考下一节
![](https://static001.geekbang.org/infoq/71/71c0a0e08e747769bf64785c86fecf7a.png)
点击 Deploy site 部署站点
![](https://static001.geekbang.org/infoq/6b/6b82f18de52de290724a712f99865345.png)
部署成功
![](https://static001.geekbang.org/infoq/a2/a2f23a73f0a0037e10d73bc0e302816c.png)
点击卡片进去设置属性
![](https://static001.geekbang.org/infoq/b6/b6dcdd5c1894d6354c96466ca40c7cc4.png)
配置二级域名
![](https://static001.geekbang.org/infoq/c7/c77ba537c02e657cf7b87699bce88b7c.png)
版权声明: 本文为 InfoQ 作者【肥晨】的原创文章。
原文链接:【http://xie.infoq.cn/article/62f57b0fdf86d45f4d153ebee】。文章转载请联系作者。
评论