2023 iThome 鐵人賽

DAY 27

SideProject30

桌球王系列第 27 篇

Day 27 - SPA for GitHub Pages

15th鐵人賽

阿瑜

2023-10-12 00:10:32

511 瀏覽

分享至

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

Day 26 - React Route

Day 28 - Review code

系列文

桌球王共 30 篇

RSS系列文訂閱系列文

1 人訂閱

完整目錄

熱門推薦

{{ item.channelVendor }} | {{ item.webinarstarted }} |

直播中

尚未有邦友留言

立即登入留言

參賽組數

902 組

團體組數

37 組

累計文章數

19796 篇

完賽人數

529 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react

IT邦幫忙

桌球王系列 第 27 篇

Day 27 - SPA for GitHub Pages

Day 27 - SPA for GitHub Pages

Reference

SPA 全名

Basic instructions

結構

Note

應用

Without 404.html、index.html add script

With 404.html、index.html add script

尚未有邦友留言

標記使用者

桌球王系列第 27 篇

Without `404.html`、`index.html` add script

With `404.html`、`index.html` add script