Day 27 - SPA for GitHub Pages

Reference

https://github.com/rafgraph/spa-github-pages

SPA 全名

Single Page Apps for GitHub Pages

Basic instructions

結構

• add 404.html in public folder
  https://github.com/rafgraph/spa-github-pages/blob/gh-pages/404.html
• add script in index.html
  https://github.com/rafgraph/spa-github-pages/blob/gh-pages/index.html

Note

use the repo-name as the basename
basename 的值 需設定為 repo-name

應用

Without 404.html、index.html add script

• Branch: https://github.com/goish135/table-tennis-king/tree/compare/spa
• run npm run deploy
• test by refresh one page or 直接去到page不經由根目錄, will see:
  

With 404.html、index.html add script

• Branch:
  https://github.com/goish135/table-tennis-king/tree/feature/combineEditRowsDragDrop
• run npm run deploy
• test by 直接去到page
  https://goish135.github.io/table-tennis-king/print