本地預覽的vue項目,在githubpage靜態展示


本地項目github靜態展示

前提

  • 在本地npm run dev后能夠在本地端口正常顯示
  • githubpage為自己的靜態頁面

上線

  • config/index.js中設置assetsPublicPath: './',
  • build目錄下utils.js中的ExtractTextPlugin.extract({}),添加下面這個屬性publicPath: '../../'
  • 把通過ajax獲取數據的地址改為GitHub上的json地址(把json數據上傳到github,在github上打開json文件,點擊raw獲取地址)
  • npm run build后把dist下的文件上傳到靜態展示的地方,如xxx.github.io倉庫里的某個文件夾(dist),使用xxx.github.io/dist即可訪問

缺點

  • 有時候github不能訪問或訪問慢,數據獲取會失敗(掛代理可解決,只是為了開發展示用而已)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM