Vue.js 跨域请求 .net core 3.0后端API
简介
最近想把公司的一套订单系统(winform版本的),按照大致相同逻辑自己做成网页版,打算使用前后端分离的技术,经过了解,决定使用Vue.js作为前端框架,至于为什么要用.net core作为后端,主要是因为本人最擅长的是C#,所以就没必要折腾其他语言的了(语言只是一套工具,思路都差不太多),但在尝试通过get,或者post请求数据时,发现报错啦!
错误长下面这个样子:
意思就是说,html请求的API和html来自不同的地方(跨域指的是HTML和API来自不同域名,不同子域名,不同端口,不同协议),为了安全起见,被一个叫CORS的东西拦截了,所以下面就要从代码方面来解决这个CORS(跨域)的问题了。
Talk is cheap,show you my code!
.net core 3.0部分
1.Startup.cs的配置
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
//主要是配置这里!!!!!划重点!!!
app.UseCors(builder =>
{
//WithOrigins方法:用于配置允许跨域访问的源
//WithHeaders方法:用于配置允许跨域访问的html-header
builder.WithOrigins("http://localhost:8080").WithHeaders("content-type");
}
);
app.UseRouting();
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
e