免费A级毛片无码专区网站-成人国产精品视频一区二区-啊 日出水了 用力乖乖在线-国产黑色丝袜在线观看下-天天操美女夜夜操美女-日韩网站在线观看中文字幕-AV高清hd片XXX国产-亚洲av中文字字幕乱码综合-搬开女人下面使劲插视频

  1. 首頁 > 生活 > >

如何使用netlify部署vue應(yīng)用程序

生活百科

什么是Netlify？Netlify是一個(gè)現(xiàn)代網(wǎng)站自動(dòng)化系統(tǒng) ， 其JAM架構(gòu)代表了現(xiàn)代網(wǎng)站的發(fā)展趨勢(shì) 。所謂JAM ， 就是指基于客戶端JavaScript、可重用API和預(yù)構(gòu)建Markup標(biāo)記語言的三者結(jié)合 。
有了Netlify ， 我們只要在本機(jī)Git中寫前端代碼 ， 然后推送它 ， 網(wǎng)站就能完美地對(duì)外呈現(xiàn) 。不需要購買網(wǎng)站 。個(gè)人感覺類似于一個(gè)網(wǎng)站托管工具
那怎么將網(wǎng)站托管到Netlify呢？

【如何使用netlify部署vue應(yīng)用程序】至于登錄 Netlify ， 直接使用 Github賬號(hào)密碼登錄即可 。
我第一次登錄Netlify ， 真的是曲折的經(jīng)歷啊 ， 發(fā)郵件和他們battle 。（大約3小時(shí)內(nèi)解決）
新建站點(diǎn)使用 github 授權(quán)登錄 netlify 。在主頁點(diǎn)擊 Sites 按鈕進(jìn)入頁面
如何使用netlify部署vue應(yīng)用程序

文章插圖
點(diǎn)擊 New site from git 按鈕 ， 新建站點(diǎn)
如何使用netlify部署vue應(yīng)用程序

文章插圖
選擇你倉庫所在的倉庫（如果之前沒有授權(quán) ， 會(huì)有授權(quán)步驟）
如何使用netlify部署vue應(yīng)用程序

文章插圖
選擇好后
構(gòu)建選項(xiàng)
  • build command: 如何構(gòu)建生成靜態(tài)文件資源 ， 一般會(huì)是 npm run build
  • publish directory: 靜態(tài)文件資源目錄 ， 一般會(huì)是 public/dist 等目錄
另外也可以作為配置文件 ， 參考下一節(jié)
如何使用netlify部署vue應(yīng)用程序

文章插圖
點(diǎn)擊Deploy site部署站點(diǎn)
如何使用netlify部署vue應(yīng)用程序

文章插圖
部署成功
如何使用netlify部署vue應(yīng)用程序

文章插圖
點(diǎn)擊卡片進(jìn)去設(shè)置屬性
如何使用netlify部署vue應(yīng)用程序

文章插圖
配置二級(jí)域名
如何使用netlify部署vue應(yīng)用程序

文章插圖
此時(shí)訪問https://creative-bunny-94cae1.netlify.app就可以展示啦

    經(jīng)驗(yàn)總結(jié)擴(kuò)展閱讀