用瀏覽器看一個放在本機硬碟裡面的index.html,這個頁面裡面包含了JavaScript並且會去存取本機硬碟同資料夾的一些json檔案、還有一些Ajax request,導致了頁面無法正常顯示。觀察了錯誤訊息:
- Cross origin requests are only supported for HTTP.
這個問題是CORS (Cross-Origin Resource Sharing) 錯誤,在上述的情況下意思是瀏覽器只支援從HTTP上面抓到的JavaScript或資料,而不能夠使用本機上的資源。使用Mac的瀏覽器Safari的解決方案步驟如下:
Node.js是一套在本機端運行JavaScript的執行環境。安裝時先下載:
- 從Node.JS的官方下載node套件
- 點開node-v8.11.2.pkg(建議選LTS版本)
- Node.js v8.11.2 to /usr/local/bin/node
- npm v5.6.0 to /usr/local/bin/npm
上面的兩個程式的功用:
- node:Server-side JavaScript runtime,讓機器可以跑JavaScript
- npm:Node.js的套件管理器,安裝JavaScript寫好的套件