Angular8上传文件到.NETCoreAPI时出现CORS问题。
创始人
2024-10-22 15:00:57
0

CORS意指跨域资源共享,是指浏览器在发送ajax请求时,要求服务器允许当前网站跨域访问。若服务器未配置CORS,则 ajax会受到限制。本问题可通过配置ASP.NET Core API的CORS来解决。

在Startup.cs文件的ConfigureServices方法中添加以下代码:

services.AddCors(options => { options.AddPolicy("AllowAll", builder => { builder.AllowAnyHeader() .AllowAnyMethod() .SetIsOriginAllowed(_ => true) .AllowCredentials(); }); });

其中,options.PolicyName必须指定AllowAll,因为CORS策略名称是固定的。AllowAnyHeader和AllowAnyMethod表示允许发送的HTTP标头和方法。SetIsOriginAllowed方法是允许来自任何网站的发出请求。AllowCredentials允许发送cookie和身份验证标头。

在Startup.cs文件的Configure方法中的UseCors方法中添加以下代码:

app.UseCors("AllowAll");

这个代码告诉.NET Core使用先前定义的CORS策略。

在Controller中,添加[EnableCors("AllowAll")]注释以允许跨域。

在Angular项目的environment.ts文件中添加以下代码:

export const environment = { production: false, apiUrl: 'http://localhost:5000/api', baseUrl: 'http://localhost:4200', };

这样, Angular就会与API通过http://localhost:5000进行通信,而Angular本身位于http://localhost:4200。

在Angular项目的app.module.ts文件中添加以下代码:

import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http'; import { MainInterceptor } from './interceptors/main.interceptor';

@NgModule({ declarations: [ AppComponent, ], imports: [ HttpClientModule, ], providers: [ { provide: HTTP_INTERCEPTORS, useClass: MainInterceptor, multi: true }, ], bootstrap: [AppComponent] }) export class AppModule { }

MainInterceptor是一个Angular拦

相关内容

热门资讯

透视机巧!hhpoker有后台... 透视机巧!hhpoker有后台操作吗(WePoKer线上)总是真的是有辅助神器(哔哩哔哩)hhpok...
透视积累!红龙poker辅助(... 透视积累!红龙poker辅助(透视)哈糖大菠萝攻略(辅助)真是有神器(哔哩哔哩)1、哈糖大菠萝攻略辅...
透视烘培!拱趴大菠萝挂哪里(W... 透视烘培!拱趴大菠萝挂哪里(WePoKer插件)其实存在有辅助教程(哔哩哔哩)透视烘培!拱趴大菠萝挂...
透视窍要!智星菠萝辅助(透视)... 透视窍要!智星菠萝辅助(透视)约局吧怎么看有没有挂(辅助)真是有软件(哔哩哔哩)1、不需要AI权限,...
透视练习!hhpoker透视脚... 透视练习!hhpoker透视脚本下载(HHpoker操作)原来有辅助方法(哔哩哔哩)1、hhpoke...
透视举措!竞技联盟透视(透视)... 透视举措!竞技联盟透视(透视)智星德州插件最新版本更新内容详解(辅助)其实一直都是有脚本(哔哩哔哩)...
透视窍门!aapoker怎么控... 透视窍门!aapoker怎么控制牌(WePoKer程序)一直是真的有辅助技巧(哔哩哔哩)1、aapo...
透视指引!hhpoker一直输... 透视指引!hhpoker一直输有挂吗(HHpoker方法)都是有辅助教程(哔哩哔哩)小薇(辅助器软件...
透视技法!pokemmo修改器... 透视技法!pokemmo修改器手机版(透视)佛手在线大菠萝智能辅助器(辅助)果然存在有攻略(哔哩哔哩...
透视要领!wepoker怎么设... 透视要领!wepoker怎么设置透视(AApoker辅助)一直存在有辅助教程(哔哩哔哩)1、起透看视...