Angularjs ng模拟e2e意外请求
在用Angular JS开发UI时,我使用ngMockE2E模拟httpBackend。该应用程序在Grizzly服务器上运行,其后端由虚拟机提供。现在,当我进入网站时,控制台会记录错误: 意外请求:GET/api/info 不需要更多的请求 在我的例子中,我只想模拟一个数据库的数据。除此之外,我还想通过一个按钮动态地打开/关闭模拟。在出现错误之前,这一直在工作。 对于这种情况,我写了以下内容:Angularjs ng模拟e2e意外请求,angularjs,mocking,ui-testing,angular-http-interceptors,Angularjs,Mocking,Ui Testing,Angular Http Interceptors,在用Angular JS开发UI时,我使用ngMockE2E模拟httpBackend。该应用程序在Grizzly服务器上运行,其后端由虚拟机提供。现在,当我进入网站时,控制台会记录错误: 意外请求:GET/api/info 不需要更多的请求 在我的例子中,我只想模拟一个数据库的数据。除此之外,我还想通过一个按钮动态地打开/关闭模拟。在出现错误之前,这一直在工作。 对于这种情况,我写了以下内容: $httpBackend.whenPOST(function (url) { if
$httpBackend.whenPOST(function (url) {
if (!mockup) {
return false;
}
var target_url = (someUrl);
return target_url === url;
}).respond(function (method, url, data) {
return [200, [someData], {}, 'mockupData'];
}
);
除此之外,我还添加了以下内容以通过所有其他请求:
// pass the rest of the queries
$httpBackend.whenGET(/.*/).passThrough();
$httpBackend.whenPOST(/.*/).passThrough();
$httpBackend.whenPUT(/.*/).passThrough();
$httpBackend.whenDELETE(/.*/).passThrough();
所以对于所有面临同样问题的人来说。我找到了解决这个问题的办法。但我相信应该有另一个更好的解决办法。 为此,我使用了一个拦截器,它也是由angular提供的 所以我写了这个:
app.factory('httpInterceptor', function () {
return {
'response': function (response) {
// therefore you can enable the mockup with a switch or a button
if (!mockup) {
return response;
}
try {
// in the config object is the requested url
if (response.config.url !== someUrl) {
// don't intercept; return response unchanged
return response;
}
// found an url which should be mocked
// generate or modify the data
var generatedData = generateSomeData();
response.data.push(generatedData)
return response;
} catch (TypeError) {
// don't intercept
return response;
}
}
}
}
);
app.config(['$httpProvider', function ($httpProvider) {
$httpProvider.interceptors.push('httpInterceptor');
}]);
您是直接使用from file://还是有服务器?如果使用from文件,请尝试安装任何小型http服务器,如节点http服务器。因为有一次我在使用get和mock时遇到了类似的问题file://it 在服务器上运行。所以我觉得我的问题有点不同。但是谢谢你的评论。我用你的问题补充了我的问题。