标签：const 跨域 builder Services api CORS 解决 app

.NET

var builder = WebApplication.CreateBuilder(args);

// Add services to the container.

builder.Services.AddControllers();
// Learn more about configuring Swagger/OpenAPI at https://aka.ms/aspnetcore/swashbuckle
builder.Services.AddEndpointsApiExplorer();
builder.Services.AddSwaggerGen();
//添加跨域策略1
builder.Services.AddCors(opts => {
    opts.AddPolicy("Cros", opt => opt.AllowAnyOrigin()
                                    .AllowAnyHeader()
                                    .WithExposedHeaders("X-Pagination"));
});
var app = builder.Build();

// Configure the HTTP request pipeline.
if (app.Environment.IsDevelopment())
{
    app.UseSwagger();
    app.UseSwaggerUI();
}

app.UseAuthorization();

app.MapControllers();
//使用跨域策略2
app.UseCors("Cros");

app.Run();

VUE前端(代理)

找到vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
//代理
  devServer:{
    proxy:{
      '/api':{
          target:'http://localhost:5041/api',
          //允许跨域
          changeOrigin:true,
          ws:true,
          pathRewrite:{
            '^/api':""
          } 
      }
    }
  }
})

需要重启程序！

import axios from "axios";
import {ref} from "vue";

const json=ref("/json");
const http=ref("/api"); 
export const getImage=()=>{
    return axios.get(http.value+"/Image/GetImage");
}

标签：const,跨域,builder,Services,api,CORS,解决,app
来源： https://www.cnblogs.com/Zingu/p/16376989.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。