.net core 3.0实现跨域

本文介绍如何使用.NET Core 3.0创建Web API项目,并通过dotnet命令进行项目搭建。同时,详细说明了如何配置跨域访问,确保Vue应用能与.NET Core后端正常通信。此外,还提供了在vue-element-admin中修改代理设置的方法。

 环境:

    01. .net core 3.0

    02. vue-element-admin

.net core 3.0项目创建

我装的是最新的vs2019, 所以自带安装了.net core 3.0 环境, 现在3.1-preview已经推出了, 可以到官网下载安装.

使用dotnet命令创建项目

cd 项目目录
dotnet new webapi 

vue-element-admin

01. git clone https://github.com/PanJiaChen/vue-element-admin.git

02. npm install

.net core 3.0配置跨域

在startup.cs --> configure函数中, 添加

 

app.UseCors(builder => builder.WithOrigins("http://localhost:9527")

            .AllowAnyHeader()

            .AllowAnyMethod());

vue-element-admin配置

将`http://127.0.0.1:${port}/mock` 改为 'https://localhost:5001'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值