Angular11中出现“No'Access-Control-Allow-Origin'headerispresentontherequestedresource”错误
创始人
2024-10-21 18:01:03
0

一种常用的解决方法是在服务器端设置HTTP响应头来允许来自其他域的请求。具体而言,可以在HTTP响应头中添加“Access-Control-Allow-Origin”信息来允许跨域请求。在Angular 11中,可以使用HttpClientModule来设置请求的header参数,示例如下:

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [HttpClientModule],
  ...
})
export class AppModule { }

在发送HTTP请求时,需要设置header参数为{ 'Access-Control-Allow-Origin': '*' },示例如下:

import { HttpClient, HttpHeaders } from '@angular/common/http';

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/json',
    'Access-Control-Allow-Origin': '*'
  })
};

@Injectable({ providedIn: 'root' })
export class UserService {
  constructor(private http: HttpClient) { }

  getUsers() {
    return this.http.get('/api/users', httpOptions);
  }
}

相关内容

热门资讯

透视了解!wpk辅助,wpk透... 透视了解!wpk辅助,wpk透视怎么安装-一贯是有辅助软件(哔哩哔哩)1、完成有辅助插件,帮助玩家取...
透视了解!wepoker买脚本... 透视了解!wepoker买脚本靠谱吗,wepoker辅助器安装包定制-其实是真的有辅助攻略(哔哩哔哩...
透视详情!wpk控制牌是真的吗... 透视详情!wpk控制牌是真的吗,wpk透视是真的假的-都是真的有辅助技巧(哔哩哔哩)能透视中分为三种...
透视开挂!hhpoker为什么... 透视开挂!hhpoker为什么一直输,hhpoker为什么一直输-原来一直总是有辅助攻略(哔哩哔哩)...
透视了解!有哪些免费的wpk作... 透视了解!有哪些免费的wpk作弊码,wpk软件是正规的吗-都是一直总是有辅助软件(哔哩哔哩)1、辅助...
透视教你!wpk透视辅助下载,... 透视教你!wpk透视辅助下载,微扑克微乐辅助-原来一直总是有辅助攻略(哔哩哔哩)1、完成有辅助插件,...
透视开挂!wepoker破解器... 透视开挂!wepoker破解器有用吗,wepoker透视有用吗-一贯一直总是有辅助攻略(哔哩哔哩)1...
透视专业!wepoker透视脚... 透视专业!wepoker透视脚本安卓,wepoker私人局透视插件-果然真的是有辅助脚本(哔哩哔哩)...
透视揭露!wepoker可以开... 透视揭露!wepoker可以开透视吗,wepoker软件靠谱么-都是真的是有辅助插件(哔哩哔哩)1、...
透视必备!wejoker辅助脚... 透视必备!wejoker辅助脚本,wepoker怎么开辅助-其实真的有辅助教程(哔哩哔哩)透视必备!...