Javascript 错误：无法加载XMLHttpRequesthttp://dev...... 飞行前的响应具有无效的HTTP状态代码405

我试图使用$http方法从我的解决方案结构的另一个项目（.）加载（dev.project…..com/app/views/index.html/#eprj/1）中的html页面。但我收到错误：XMLHttpRequest无法加载。飞行前的响应具有无效的HTTP状态代码405

var mediaUrl = "http://dev.media....com/app/views/services"
var url = mediaUrl + '/tabs.html'
$http({
    method: 'GET',
    url: url,
    headers: {
        "Access-Control-Allow-Origin": "*"
    }
}).then(function (html) {
    // Convert the html to an actual DOM node
    var template = angular.element(html.data);
    // Append it to the directive element
    element.append(template);
    return $compile(element.contents())(scope);
});

以上代码是用AngularJs CustomDirective编写的

在（）的web.config中，在system.webserver内添加了如下标记

<httpProtocol>
    <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
        <add name="Access-Control-Allow-Methods" value="GET, PUT, POST, DELETE, HEAD, OPTIONS" />
        <add name="Access-Control-Allow-Headers" value="X-Requested-With, origin, content-type, accept" />
    </customHeaders>
</httpProtocol>

别忘了将tabs.html添加到mediaUrl中？如果没有，则发送了错误的方法（尝试post或put）。添加了tabs.html