国产精品免费嫩草研究院|无遮羞动漫在线观看AV|国产麻豆精品传媒AV国产在线|村在线观看|寂寞情人1正版|韩国床震韩国床震古|精品系列专区久久

  1. 首頁 > 生活 > >

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

生活百科

什么是Netlify？Netlify是一個現代網站自動化系統 ， 其JAM架構代表了現代網站的發展趨勢 。所謂JAM ， 就是指基于客戶端JavaScript、可重用API和預構建Markup標記語言的三者結合 。
有了Netlify ， 我們只要在本機Git中寫前端代碼 ， 然后推送它 ， 網站就能完美地對外呈現 。不需要購買網站 。個人感覺類似于一個網站托管工具
那怎么將網站托管到Netlify呢？

【如何使用netlify部署vue應用程序】至于登錄 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應用程序

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

    經驗總結擴展閱讀