个人中心
gpt4 book ai didi

javascript - CORS header ‘Access-Control-Allow-Origin’ 丢失'。我需要在 Web api(服务)或客户端中编写代码

转载 作者：行者123 更新时间：2023-12-03 05:20:50 25 4
gpt4 key购买 nike

我有一个 Web api，它具有基本身份验证功能。我无法更改该 api 代码。我们可以在 web.config 中添加 cors 概念来检索客户端应用程序中的数据吗？或者在客户端应用程序中启用 CORS 来解决跨源请求被阻止的问题:同源策略不允许读取远程数据资源位于https://example.com/abc 。 (原因:CORS header “Access-Control-Allow-Origin”丢失)。

代码

<body>
    <div ng-app="myApp" ng-controller="customersCtrl">
        <table>
            <tr ng-repeat="x in names">
                <td>{{ x.name }}</td>
                <td>{{ x.city }}</td>
                               </tr>
        </table>
    </div>
    <script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
    $http.get('https://example.com/abc', {
        headers: { 'Authorization': 'abc:abc', 'Access-Control-Allow-Origin': '*' }
    }).then(function (response) {$scope.names = response.data.records;});
});
    </script>
</body>

最佳答案

您需要在 WebApiConfig 中添加以下两行

var cors = new EnableCorsAttribute("....", "*", "*");
config.EnableCors(cors);

“...” 应包含您的网络应用程序的 URL。

有关更多信息和替代方案，请查看 here .

此外，客户端无需设置以下内容:

'Access-Control-Allow-Origin': '*'

关于javascript - CORS header ‘Access-Control-Allow-Origin’ 丢失'。我需要在 Web api(服务)或客户端中编写代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41393694/

25 4 0
文章推荐： javascript - 如何过滤 Ajax 响应并附加到最​​后一个响应之上？
文章推荐： awk - 打印大文件中前 N 行满足特定条件的每一行
文章推荐： tk-toolkit - Tk 是否提供对 Wayland 显示协议(protocol)的支持？
文章推荐： javascript - 与 Vue.js 的页面数据输入交互
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com