1、修改host文件，映射到v.juhe.cn

2、chrome跨域
--disable-web-security --user-data-dir
具體百度一下。

我請求的是聚合數(shù)據(jù)的新聞頭條api。采用 webpack-dev-server --history-api-fallback 啟動前端行項目，在在webpack.config.js 里面添加proxy 配置。采用isomorphic-fetch 來請求資源的。

我采用的是"justfine"的第三種方案(見回答)，參考的是中的方法2.但還是報同樣的錯誤，不明白哪里出現(xiàn)了問題，望知情者給予解答，十分感謝。

我參考‘二月’與‘justfine’以及‘王下邀月熊_Chevalier’瀏覽器跨域方法與基于Fetch的Web請求最佳實踐的說法，采用的便是Proxy:服務端跨域(代理方式跨域)，SOP的限制是瀏覽器實現(xiàn)的。如果請求不是從瀏覽器發(fā)起的，就不存在跨域問題了。

我將新聞頭條API換成美團API 現(xiàn)在報的新錯誤是Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

fetch：

webpack.cinfig.js:

報錯信息：

network信息：

下面這圖讓我感覺根本沒請求到數(shù)據(jù)——————還是說請求的json有問題導致的：

下面是Postman測試接口返回的數(shù)據(jù)，我用json在線解析式圖看了一下，返回的json沒問題

console打印結(jié)果。console.log(response)

你在proxy里面都設置了代理請求匹配api路徑，但是沒有按照設置你請求的還是原地址當然不會給你代理
ajax 路徑 /api/toutiao...

前端 only 無解。

后端加請求頭。前端無解

看你的配置：

配置有問題，target你配置域名就行了，不用具體到某一個api，這樣當你訪問http://localhost:8080/api/toutiao/index時，會被代理轉(zhuǎn)發(fā)到這個地址：

http://v.juhe.cn/toutiao/index

再看你的請求，你使用的是http://v.juhe.cn/toutiao/index來請求，還把請求頭的origin給改了，這樣你配置代理的作用何在？所以你應該用http://localhost:8080/api/toutiao/index來發(fā)請求，這樣才能走你設置的代理，跟CORS沒關(guān)系，是你使用代理的姿勢不對！

建議題主再仔細看一下http-proxy-middleware的用法哈

請求的headers里設置'Access-Control-Allow-Origin': '*'

謝邀

前端解決方案給你倆種

1  項目中配置proxy代理,我看你圖中配置了代理 但是錯誤點是 路徑有問題
舉個例子  http://www.aaa.com/abc.do 或 http://www.aaa.com/deg.do 這種接口
你target 應該為 http://www.aaa.com
項目使用   /api/abc.do 這樣去調(diào)取接口
2 本地配置host  修改host為你訪問的接口  然后域名訪問項目  xxx   yyy 百度即可很簡單

謝邀！首先錯誤信息是服務器端頭部匹配時出現(xiàn)不匹配現(xiàn)象，即未設置Access-Control-Allow-Origin。
解決跨域一般采用下面幾種方法：

1.JSONP方式解決跨域問題
jsonp解決跨域問題是一個比較古老的方案(實際中不推薦使用)，其中jsonp只能是“GET”請求,不能進行較為復雜的POST和其它請求。

2.CORS解決跨域問題
CORS需要瀏覽器和服務器同時支持。其中通信的關(guān)鍵是服務器，要想跨源通信，服務器必須實現(xiàn)CORS接口。

3.代理請求方式解決接口跨域問題
代理請求主要是對接口進行代理，前端ajax請求的是本地接口，本地接口接收到請求后向?qū)嶋H的接口請求數(shù)據(jù)，然后再將信息返回給前端，node.js即可代理。

4.瀏覽器插件
谷歌瀏覽器跨域插件：Allow-Control-Allow-Origin

跨域的問題，請查詢CORS關(guān)鍵字。解決方法,必須后端的響應頭加上'Access-Control-Allow-Origin': '*' ?；蛘咧付ň唧w的域名。 前端不可能控制的。