Vue.js-axios 跨域请求(.net core 3.0作为后端)

简介

最近想把公司的一套订单系统（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