請問只是簡單利用axios呼叫本地的json檔就出現跨源error...

vue.js axios

ofcourse448 2019-12-20 15:02:30 ‧ 2274 瀏覽

分享至

請問各位大哥這要在head標籤加上什麼嗎?

還是防火牆的問題? 因為公司上網是需要憑證的這跟那個有關係嗎?

全部程式碼
https://pastebin.com/MZ6YCcFc
json檔案
https://pastebin.com/7ceaV5jN

看更多先前的討論...收起先前的討論...

fillano iT邦超人 1 級 ‧ 2019-12-20 15:36:58 檢舉

你沒放在http伺服器跑，只是用瀏覽器開桌面的檔案？

ofcourse448 iT邦新手 5 級 ‧ 2019-12-20 15:38:51 檢舉

對阿因為我這段直接開瀏覽器也能跑
mounted() {
var vm = this
axios.get('https://jsonplaceholder.typicode.com/users')
.then((response) => {
vm.users = response.data
})
}

淺水員 iT邦大師 6 級 ‧ 2019-12-20 16:08:37 檢舉

比較新版本的瀏覽器開始禁止用 ajax 存取 file:// 資源了
例如 firefox 版本>=68
如果真的要用要去調瀏覽器設定
參考：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSRequestNotHttp

PS. 如果之後上線後是走 http 或 https 就不會有這個錯誤了。

ofcourse448 iT邦新手 5 級 ‧ 2019-12-20 16:44:16 檢舉

如果硬要的話 chrome可以調整嗎?

ofcourse448 iT邦新手 5 級 ‧ 2019-12-20 16:54:49 檢舉

謝謝我上傳到免費空間就可以跑了原來是這樣.... 誰要回答我選一下最佳解

登入發表討論

直播研討會

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

直播中

1 個回答

dragonH

iT邦超人 5 級 ‧ 2019-12-20 17:11:14

最佳解答

先別選正解

因為我覺得你的問題還沒解決

一般的 static file

通常都是建一個 static server 來 serve

不過在 vue 的話

假設你的 json 放在 src/assets 裡

可以在你的 .vue

透過

import myData from '@/assets/demo.json';

來引用

也就不用去 call axios

先試試看吧

回應 2
分享
檢舉

froce iT邦大師 1 級 ‧ 2019-12-20 17:14:31 檢舉

好像蠻多人不知道可以這樣用。

dragonH iT邦超人 5 級 ‧ 2019-12-20 17:17:18 檢舉

對阿蠻奇怪的XD

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22202 篇

完賽人數

602 人

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

IT邦幫忙