0
点赞
收藏
分享

微信扫一扫

如何使用netlify部署vue应用程序


什么是Netlify?

Netlify是一个现代网站自动化系统,其JAM架构代表了现代网站的发展趋势。所谓JAM,就是指基于客户端JavaScript、可重用API和预构建Markup标记语言的三者结合。

有了Netlify,我们只要在本机Git中写前端代码,然后推送它,网站就能完美地对外呈现。不需要购买网站。个人感觉类似于一个网站托管工具

那怎么将网站托管到Netlify呢?

至于登录 Netlify,直接使用 Github账号密码登录即可。

我第一次登录Netlify,真的是曲折的经历啊,发邮件和他们battle。(大约3小时内解决)

新建站点

使用 github 授权登录 netlify 。在主页点击 Sites 按钮进入页面

如何使用netlify部署vue应用程序_前端

点击 New site from git 按钮,新建站点

如何使用netlify部署vue应用程序_github_02

选择你仓库所在的仓库(如果之前没有授权,会有授权步骤)

如何使用netlify部署vue应用程序_静态文件_03

选择好后

构建选项

  • build command: 如何构建生成静态文件资源,一般会是 npm run build
  • publish directory: 静态文件资源目录,一般会是 public/dist 等目录

另外也可以作为配置文件,参考下一节

如何使用netlify部署vue应用程序_配置文件_04

 点击Deploy site 部署站点

 

如何使用netlify部署vue应用程序_静态文件_05

部署成功

如何使用netlify部署vue应用程序_静态文件_06

 点击卡片进去设置属性

如何使用netlify部署vue应用程序_配置文件_07

配置二级域名

 

如何使用netlify部署vue应用程序_配置文件_08

creative-bunny-94cae1.netlify.app就可以展示啦

举报

相关推荐

0 条评论