vue+axios 调用其他服务器接口 ASP.NET Core 配置跨域(CORS)

1. 解决发布网站后，axios使用代理跳转连接而不是直接访问需要的地址，导致url异常请求错误， 配置服务器端，使之可以接受跨域请求
2. 前端 vue+axios

 ASP.NET Core框架下Startup.cs

public void ConfigureServices(IServiceCollection services)
{
services.AddCors(options => {
options.AddPolicy("any", builder => {
builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader(); });
});
services.AddControllersWithViews();
}

要特别注意app.UseCors("any");位置

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Home/Error");
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
//配置Cors
app.UseCors("any");
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
});
}

服务器端完成配置

import axios from 'axios'//使用axios来请求线上数据

//
axios.get('http://www.baidu.com/服务器接口地址').then(res => {
//
console.log(123)
//
console.log(res)
//
})

完毕

最后

以上就是开放帽子为你收集整理的vue+axios 调用其他服务器接口 ASP.NET Core 配置跨域(CORS)的全部内容，希望文章能够帮你解决vue+axios 调用其他服务器接口 ASP.NET Core 配置跨域(CORS)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。