iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 30
0
自我挑戰組

react.js 的學習筆記 (沒在用硬要學系列 第 30

day 30 最後 打包 放到空間上

  • 分享至 

  • xImage
  •  

寫好專案後直接

npm run build

在打包之前必須先在package.json 加上一行
沒加的話會一直顯示空白頁面

"homepage": ".",

我的空間是用vps 架設ubuntu apache 2,主要是用來架BLOG,因為要設定react的環境,必須讓他能跑html,但因為我原先有再架設wordpress所以也要把PHP考慮進來

如果你甚麼都沒設定就直接把打包好的檔案丟上去,八成不是404就是空白頁面,丟上去前要先設定

.htaccess

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^(.*)\.html$ $1.php?%{QUERY_STRING} [L]
</IfModule>

這樣就可以在apache環境下執行react了

範例:https://ipph.net/demo/react/0930/index.html

END

這篇寫完就完賽拉,個人感言是,IT邦幫忙這平台以前有幫助過我,平台上的大大都很熱心,我也希望能做回饋給這平台,所以認真的把鐵人賽完成,雖然react不是我平常在用的工具,但卻也是我一直在摸索的,藉由這次的機會逼自己靜下心的去看手冊,把它寫成筆記,將來忘記了也可以回來看,在寫的途中,因為沒事先規劃,變成訂題目反而是最困難的,訂好題目找資料作範例就很快了

另外寫完回頭看,我覺得蠻適合用來入門的XD

最後

感謝你看到這


上一篇
day 29 細說 React router
系列文
react.js 的學習筆記 (沒在用硬要學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言