鍍金池/ 問答/Linux  HTML/ nuxt.js項目請求跨域

nuxt.js項目請求跨域

在nuxt.js搭建的網(wǎng)站中，首頁asyncData方法中發(fā)了一個請求，接口地址是用的nginx做的轉(zhuǎn)發(fā)，后臺日志查看有返回數(shù)據(jù)，前端沒有收到返回數(shù)據(jù)，網(wǎng)站打不開
在組件加載之前調(diào)用控制臺報錯

在nginx配置

clipboard.png

控制臺報這個錯

clipboard.png
求大神解決

回答
編輯回答
孤毒
  1. asyncData 中的請求不是會在服務(wù)端 ssr 時發(fā)送一次嗎，這一次是不存在跨域問題的。
  2. 你在瀏覽器控制臺看到的提示應(yīng)該是服務(wù)端數(shù)據(jù)請求失敗導(dǎo)致沒有 __INITIAL_STATE__ 導(dǎo)致的客戶端重發(fā)，出現(xiàn)的跨域報錯。
  3. 第二段報錯信息你沒截取上的應(yīng)該是 only one allowed，nginx 里還有別的設(shè)置 Access-Control-Allow-Origin 的地方嗎，是不是設(shè)置了兩遍？還是響應(yīng)頭沒設(shè)置對。
2018年5月10日 23:33