浙江龙网

  1. 首页 > 生活百科 > >

如何使用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应用程序

文章插图
选择你仓库所在的仓库（如果之前没有授权，会有授权步骤）
如何使用netlify部署vue应用程序

文章插图
选择好后
构建选项
  • build command: 如何构建生成静态文件资源 ， 一般会是 npm run build
  • publish directory: 静态文件资源目录，一般会是 public/dist 等目录
另外也可以作为配置文件，参考下一节
如何使用netlify部署vue应用程序

文章插图
点击Deploy site部署站点
【如何使用netlify部署vue应用程序】
如何使用netlify部署vue应用程序

文章插图
部署成功
如何使用netlify部署vue应用程序

文章插图
点击卡片进去设置属性
如何使用netlify部署vue应用程序

文章插图
配置二级域名
如何使用netlify部署vue应用程序

文章插图
此时访问https://creative-bunny-94cae1.netlify.app就可以展示啦

    推荐阅读


    上一篇：分享一个Vue实现图片水平瀑布流的插件

    下一篇：C#/VB.NET 读取条码类型及条码在图片中的坐标位置