小白做專案之http-server

王大膽同學發表於2017-11-19

拿我現在做的公司新人專案來說,要訪問公司的介面來獲取資料,那麼你只在本地新建一個檔案index.html,那是遠遠不夠的,當你用ajax獲取資料的時候就會報出一個錯誤

XMLHttpRequest cannot load url(你輸入的網址) No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

所以,你需要http-sever

npm install http-server -g

然後在你所在專案目錄下

http-server

開啟

localhost:8080

看一下是不是你所在的專案

接下來你可以127.0.0.1指向一個url,等你執行程式的時候,你可以輸入你的url就可以執行了,所以怎麼把127.0.0.1指向你想要的url呢,我用的是mac(window自行百度)

在finder下-》前往資料夾-》輸入/private/etc,
回車,找到hosts檔案,拷貝到桌面,進行改動(大致是下面的介面)

127.0.0.1    localhost
255.255.255.255    broadcasthost
::1             localhost
127.0.0.1     你想輸入的地址(輸入即可)複製程式碼

改動完,把檔案拷貝回去(在hosts檔案裡直接改動是沒有許可權的,所以要把檔案拷貝出去在拷貝回來)

開啟你之前輸入的網址例如:baidu.com:8080看看是不是和localhost:8080一樣

相關文章