我已經(jīng)閱讀了很多關(guān)于此的主題，但它仍然不起作用，我正在失去理智。我有一個(gè)帶有 Spring Api 的 Angular6 應(yīng)用程序，當(dāng)我調(diào)用它時(shí)，我一直遇到這個(gè)錯(cuò)誤：Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.然而我覺(jué)得我做了一切：這是我對(duì) Angular App 中的 api 的調(diào)用：getGamesFromServer() { const httpOptions = { headers: new HttpHeaders({ 'Access-Control-Allow-Origin':'*' }) }; this.httpClient .get<any[]>('http://localhost:8080/api/rest/v1/game/progress', httpOptions) .subscribe( (response) => { console.log(response); this.games = response; console.log(this.games); this.emitGameSubject(); }, (error) => { console.log('Erreur ! : ' + error); } );}這是調(diào)用的java方法：@RequestMapping(method = GET, value = "/progress")@ResponseBodypublic Response findAllAndProgress() { return Response.status(Response.Status.OK) .entity(gameService.findAllAndProgress()) .header(ACCESS_CONTROL_ALLOW_ORIGIN, "*") .build();}我還啟動(dòng)了 chrome 并激活了 --disable-web-security 選項(xiàng)，我還下載了一個(gè) chrome 擴(kuò)展以允許 CORS 請(qǐng)求，但它沒(méi)有用
3 回答
RISEBY
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超5個(gè)贊
在 Java 上，在您的 api 上添加以下這一行
@CrossOrigin(origins = "http://localhost:4200")
您還可以從 Angular 端代理您的請(qǐng)求。Angular 為您提供可以代理請(qǐng)求的內(nèi)置服務(wù)器。以下步驟：
在項(xiàng)目的根目錄中添加 proxy.config.json 文件。
在 proxy.config.json 文件中添加以下代碼
{ "/api/": { "target": { "host": "localhost", "protocol": "http:", "port": 8080 }, "secure": false, "changeOrigin": true, " logLevel": "調(diào)試" } }
在 package.json 中找到腳本下的 start 并替換為以下內(nèi)容：
ng serve --proxy-config proxy.config.json
使用以下代碼編輯您的角度代碼：
this.httpClient .get('/api/rest/v1/game/progress', httpOptions) .subscribe( (response) => { console.log(response); this.games = response; console.log(this.games ); this.emitGameSubject(); }, (error) => { console.log('Erreur ! : ' + error); } );
慕斯王
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊
在根目錄下創(chuàng)建 proxy.conf.json 文件，內(nèi)容如下：
{
"/api/*": {
"target": "http://localhost:8080",
"secure": false
}
}
在 package.json 文件中，您必須將啟動(dòng)腳本從 更改ng serve為ng serve --proxy-config proxy.conf.json
添加回答
舉報(bào)
0/150
提交
取消