iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 13
0
Modern Web

普通人寫前後端,可以挺過30天 吧!?系列 第 13

[Day13] 後端12:cors error (前端修正)

  • 分享至 

  • xImage
  •  

好的,天真的我真的以為,我能夠巧妙地透過後端解決這個問題,直到我的朋友傳了一個錯誤,問我能不能解,而且前後分離超級乾淨,所以他只能動的code只有前端!!!/images/emoticon/emoticon02.gif

先附上他的無人權 err code 圖

以我的理解來說

cors = 'https://cors-anywhere.herokuapp.com/';
your_api_url = your_api_url

這個方法,得意思就是說,我要打axios的時候,我會把請求丟到cors再到your_api_url,回傳的要求也會先傳到cors再傳回你的瀏覽器當中!

//不過這也只有在你的api是有對外的,自己localhost開的api是無法解決

解決

//in your axios 地方

const cors = 'https://cors-anywhere.herokuapp.com/';

axios.post(url+"your_api_url", {
                email: vm.email,
                password: vm.password
            }, {
                headers: {
                    Accept: 'application/json',
                }

            })
            

果然躲得了一時,躲不了一世,而且我想說我可能再也看不到這個問題了,結果下禮拜就有人丟過來問我......


//反正我很閒

參考


上一篇
[Day12] 後端11:Cors error
下一篇
[Day14] 前端01:Vue Cli Start!
系列文
普通人寫前後端,可以挺過30天 吧!?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言