我已經(jīng)在標(biāo)題中添加了CORS，但是我的請求中仍然出現(xiàn)CORS問題。在標(biāo)頭中添加和處理CORS和其他請求的正確方法是什么？這是服務(wù)文件代碼：import { HttpClient, HttpHeaders, HttpClientModule } from '@angular/common/http';const httpOptions = { headers: new HttpHeaders({ 'Access-Control-Allow-Origin':'*', 'Authorization':'authkey', 'userid':'1' })};public baseurl = 'http://localhost/XXXXXX';userAPI(data): Observable<any> { return this.http.post(this.baseurl, data, httpOptions) .pipe( tap((result) => console.log('result-->',result)), catchError(this.handleError('error', [])) );}錯誤：對預(yù)檢請求的響應(yīng)未通過訪問控制檢查：請求的資源上不存在“ Access-Control-Allow-Origin”標(biāo)頭。因此，不允許訪問源“ http：// localhost：4200 ”失?。海ㄎ粗W(wǎng)址）的Http錯誤響應(yīng)：0未知錯誤在服務(wù)器端代碼中，我已在索引文件中添加了CORS。header('Access-Control-Allow-Origin: *');header('Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS');header('Access-Control-Allow-Headers: Origin, Content-Type, X-Auth-Token');
3 回答
拉風(fēng)的咖菲貓
TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個贊
以我的經(jīng)驗(yàn)，這些插件適用于HTTP，但不適用于最新的httpClient。另外，在服務(wù)器上配置CORS響應(yīng)標(biāo)頭并不是真正的選擇。因此，我創(chuàng)建了一個proxy.conf.json文件來充當(dāng)代理服務(wù)器。
在此處閱讀有關(guān)此內(nèi)容的更多信息。
proxy.conf.json 文件：
{
"/posts": {
"target": "https://example.com",
"secure": true,
"pathRewrite": {
"^/posts": ""
},
"changeOrigin": true
}
}
我將proxy.conf.json文件放置package.json在同一目錄中的文件旁邊。
然后，我在package.json文件中修改了start命令：
"start": "ng serve --proxy-config proxy.conf.json"
來自我的應(yīng)用程序組件的HTTP調(diào)用：
return this._http.get('/posts/pictures?method=GetPictures')
.subscribe((returnedStuff) => {
console.log(returnedStuff);
});
最后，要運(yùn)行我的應(yīng)用，我必須使用npm start或ng serve --proxy-config proxy.conf.json
精慕HU
TA貢獻(xiàn)1845條經(jīng)驗(yàn) 獲得超8個贊
使NG5中HttpClient的標(biāo)頭看起來像這樣：
let httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'apikey': this.apikey,
'appkey': this.appkey,
}),
params: new HttpParams().set('program_id', this.program_id)
};
您將可以使用您的本地主機(jī)url進(jìn)行api調(diào)用，它對我有用..
請永遠(yuǎn)不要忘記標(biāo)題中列出的參數(shù)：例如params：new HttpParams（）。set（'program_id'，this.program_id）
- 3 回答
- 0 關(guān)注
- 888 瀏覽
添加回答
舉報(bào)
0/150
提交
取消