如何使用netlify部署vue应用程序
2023-06-13 09:16:08 时间
什么是Netlify?
Netlify是一个现代网站自动化系统,其JAM架构代表了现代网站的发展趋势。所谓JAM,就是指基于客户端JavaScript、可重用API和预构建Markup标记语言的三者结合。
有了Netlify,我们只要在本机Git中写前端代码,然后推送它,网站就能完美地对外呈现。不需要购买网站。个人感觉类似于一个网站托管工具
那怎么将网站托管到Netlify呢?
至于登录 Netlify,直接使用 Github账号密码登录即可。 我第一次登录Netlify,真的是曲折的经历啊,发邮件和他们battle。(大约3小时内解决)
新建站点
使用 github
授权登录 netlify 。在主页点击 Sites
按钮进入页面
点击 New site from git
按钮,新建站点
选择你仓库所在的仓库(如果之前没有授权,会有授权步骤)
选择好后
构建选项
build command
: 如何构建生成静态文件资源,一般会是npm run build
publish directory
: 静态文件资源目录,一般会是public/dist
等目录
另外也可以作为配置文件,参考下一节
点击Deploy site 部署站点
部署成功
点击卡片进去设置属性
配置二级域名
此时访问https://creative-bunny-94cae1.netlify.app就可以展示啦
相关文章
- 记录一次jenkins 部署vue 项目的问题及解决方法
- vue父子组件传值 简单了解vuex
- vue 部署上线清除浏览器缓存「建议收藏」
- Vue.js框架中权衡的艺术
- vue链接转二维码_vue二维码识别
- VUE双向绑定原理_vue的数据绑定怎么实现
- vue源码分析-从new Vue开始
- Springboot+Vue+shiro实现前后端分离、权限控制
- Vue整合HighCharts和ECharts实现数据可视化
- vue修饰符简略总结[通俗易懂]
- Vue项目:菜农管理 【maven + spring boot + RESTFul + SSM+vue + axios】
- Vue多个input框接连focus,blur事件导致页面抖动
- 【架构师(第三十篇)】Vue-Test-Utils 全局组件和第三方库 vuex | vue-router
- Vue中 webpackChunkName【魔法注释】
- Vue项目部署到服务器(ubuntu)
- 宝塔部署ant-design-pro vue配置
- Vue组件
- 开心档-软件开发入门之Vue.js Ajax(vue-resource)
- Vue这么火,但为什么大厂都是用 React 居多? | 极客时间
- 前端 CST和GMT+0800时间转换(js/vue/react/jsp通用)
- vscode前端常用插件推荐,搭建JQuery、Vue等开发环境详解编程语言
- 安装Vue on Linux:轻松搭建开发环境(linux安装vue)
- linux下快速部署Vue项目(linux部署vue)
- Vue 实现前后端分离,安全连接 MSSQL 数据库(vue 连接mssql)
- 使用Vue技术从MSSQL中获取数据(vue获取mssql数据)
- Vue极致集成Redis,实现更优秀的性能(vue集成redis)
- Vue框架搭建在Redis之上的Web应用(vue请求redis)
- 优雅的Vue请求Redis驱动的高性能服务(vue请求redis)
- Vue抢跑Redis速度感受实时重磅数据(vue获取redis)
- Vue应用中部署Redis(vue中使用redis)