我正在開發一個 crud 應用程式,并嘗試使用我的后端請求在我的前端網頁中列出我的資料庫中的人員。我已經對資料庫中的城市進行了此操作,并且沒有出現任何型別的錯誤,但是當我嘗試與人進行操作時,我得到了這個:
錯誤:
從源“http://localhost:4200”訪問“http://localhost:8080/api/pessoas”處的 XMLHttpRequest 已被 CORS 策略阻止:沒有“Access-Control-Allow-Origin”標頭出現在請求的資源。
我已經比較了服務、模塊和組件,但找不到任何差異。
人事服務:
@Injectable({
providedIn: 'root'
})
export class PessoaService {
pessoasUrl = 'http://localhost:8080/api/pessoas';
constructor(private http: HttpClient) { }
listar(filtro: PessoaFiltro): Observable<any>{
let params = new HttpParams()
.set('page', filtro.page)
.set('size', filtro.size);
if(filtro.nome){
params.set('nome', filtro.nome);
}else if(filtro.cpf){
params.set('cpf', filtro.cpf);
}else if(filtro.cidade){
params.set('cNome', filtro.cidade);
}
return this.http.get<any>(this.pessoasUrl, {params});
}
salvar(pessoa:Pessoa){
return this.http.post<Pessoa>(this.pessoasUrl, pessoa);
}
}
觀察:已經嘗試實作 headers.append 即使它也沒有作業
這是我的頁面:

城市 liting 還可以,但是當我嘗試列出人員時,會不斷出現此錯誤
我還添加了一個 proxy.conf.json 檔案,但它也不起作用。繼承人的檔案:
{
"/api/*": {
"target": "http://localhost:8080",
"secure": false,
"logLevel": "debug"
}
}
以下是請求:


提前感謝您的幫助!
uj5u.com熱心網友回復:
您只需將 (pessoasUrl) 的 url 更改為/api/pessoas,http://http://localhost:8080/api/pessoas然后代理可能會作業
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/436744.html
上一篇:我有兩個物件,如果兩個道具具有相同的鍵,我需要合并它們并連接字串
下一篇:鏈成員初始化器
