asp.net core 浏览器允许跨域访问域名

持久的胜利

已于 2022-10-07 16:33:25 修改

阅读量736

点赞数

分类专栏： .NET 文章标签： .net c#

于 2022-10-01 14:29:38 首次发布

本文链接：https://blog.csdn.net/q8812345qaz/article/details/127134042

版权

.NET 专栏收录该内容

67 篇文章 3 订阅

订阅专栏

默认浏览器不支持跨域访问，就是当前的域名和端口，只能访问相同域名和端口的地址页面

如果需要跨域访问可以使用以下方法但不局限于这一种方法还有一种前端代理，比较麻烦就不叙述了。

在 .net6 webapi 中的 Program.cs 中添加以下代码

builder.Services.AddCors(
    e => e.AddDefaultPolicy(
    //WithOrigins() 允许哪些域名可跨域
    o => o.WithOrigins(new string[] { "http://127.0.0.1:5500" })
    .AllowAnyMethod().AllowAnyHeader().AllowCredentials()
         )
    );

在 app.Environment.IsDevelopment(){} 后第一个添加如下代码

app.UseCors();

在测试就不会报 CORS 错误了。

前端测试代码 jquery的post发送 json数据

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>UserLogin</title>
    <script src="jquery-3.6.1.js"></script>
    <script>
        $(function () {
            $('#btn').click(function () {
                var json = { "UserName": $('#user').val(), "PassWord": $('#pass').val() }
                $.ajaxSetup({ contentType: "application/json; charset=utf-8" });
                $.post('https://localhost:7004/api/Login/MyLogin', JSON.stringify(json))
            });
        });
    </script>
</head>

<body>
    <div>
        用户名：<input type="text" name="UserName" id="user">
        密码：<input type="text" name="PassWord" id="pass">
        <input type="button" value="登录" id="btn">
    </div>
</body>

</html>