Angular Chrome Extension中的请求失败错误

时间:2016-08-24 18:47:53

标签: javascript angularjs google-chrome google-chrome-extension

我正在尝试使用AngularJS开发chrome扩展程序。我正在尝试制作一个$ http.get()请求,该请求在普通HTML页面中正常工作,但在我的扩展程序中没有这样做,说明 500(请求失败)错误。这是我的清单

{
    "name": "The Extension",
    "manifest_version": 2,
    "description": "A extension for chrome browsers",
    "version": "1.0.0",
    "background": {
        "persistent": false,
        "scripts": [
            "background.js"
        ]
    },
    "permissions": [
        "tabs", "<all_urls>"
    ]
}

我的app.js(从background.js加载):

//This is adding base directive in app
var app = '<div class="my-extension"><div base></div></div>';
var wrapper = '<div ng-non-bindable>' + app + '</div>';
$('body').append(wrapper);
var myExtension = angular.module('my-extension', ['baseModule']);

window.name = '';
angular.bootstrap($('.my-extension')[0], ['my-extension']);

基地是:

var baseModule = angular.module('baseModule', []);
baseModule.directive('base', ['$http', function($http) {
    return {
        replace: true,
        template: '<div>Hello World</div>',
        link: function(scope, elem, attrs) {
            $http({
                method: 'GET',
                url: 'http://api.example.com/api/yy/zz' //Sample API, Data is being got surely
            }).then(function successCallback(response) {
                console.log('success', response);
            }, function errorCallback(response) {
                console.log('error', response);
            });

        }
    }
}]);

请原谅我,如果问题很愚蠢,我在扩展开发方面相对超级新。

1 个答案:

答案 0 :(得分:0)

HTTP Status and Error Codes中,错误500意味着内部服务器错误可能由backendError或internalError引起。

为了帮助您解决问题,您可以尝试以下post中给出的以下内容:

  • 清除浏览器的缓存和Cookie,重新启动浏览器并尝试重新加载页面。
  • 检查网站配置中的任何不正确的权限,重新配置超时规则并检查网站的.htaccess文件是否正确。