angular2中http请求出现`error: “Collection ‘ug‘ not found“`的解决方法

最新推荐文章于 2021-12-28 16:34:49 发布
最新推荐文章于 2021-12-28 16:34:49 发布
阅读量227 收藏
点赞数
分类专栏： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xawjz/article/details/119753344
版权
本文介绍了在使用Angular的proxy进行跨域配置时遇到的问题，错误源于引入的InMemoryDataService服务。解决办法是删除该服务，避免其拦截导致的服务器请求错误。相关链接：[Angular教程](https://angular.cn/tutorial/toh-pt6)。
摘要由CSDN通过智能技术生成

今天在尝试使用angular的proxy反向代理解决跨域问题的时候，出现了下边这种错误。

这个错误并非是因为proxy代理出错了，而是由于在app.module.ts中引入了 `InMemoryDataService`服务。我在尝试使用proxy的时候，使用了一个已经创建好的英雄之旅项目，之前的配置保留了下来。导致记不得曾经安装过InMemoryDataService服务。

这里简单说明一下InMemoryDataService服务。

这个服务会创建一个拦截服务器，它拦截 AngularHttp和HttpClient原本会转到远程服务器的请求，并将它们重定向到您控制的内存中数据存储。也因为这样，发送到服务器的请求出现如下错误。

 排除这个错误的方法就是，将服务删除掉。

删掉红框内代码即可。

 关于这个服务的使用，如过有兴趣的话可以到angular文档中看一下英雄之旅项目。

传送门：https://angular.cn/tutorial/toh-pt6

梦想称为大佬
关注
专栏目录
angularjs 1.6之后$http没有success，error方法
xyc的博客
06-09 2081
script type="text/javascript" charset="UTF-8"> var firstApp = angular.module('firstApp', []); firstApp.controller('firstApp-controller', ['$scope', '$q', '$http', function ($scope, $q, $http)
Angular学习：http请求失败的问题
superpeepi_csdn的博客
05-22 7094
1 问题 在学习angular时，以下代码的http的post请求一直失败。 import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { Subject } from 'rxjs/Subject'; import 'rxjs/Rx'; import {
AngularJs2学习心得之Not Found Collection
小楼一夜听春雨
11-20 2021
angularjs2 Not Found Collection,按照官网的教程写了对应的例子，其中json数据是利用的本地的，后来打算远程发送http请求获取json数据，结果遇到Not Found Collection 'hero' not found错误， 没有捕获详情错误信息的小伙伴们，一般是提示404，这是个坑，坑了我大半天，当我在半夜解决此问题时便欣喜若狂的写下了这篇文章， 解决方案是我们要将例子中的模拟的json数据的引入给删除便可使用我们自己
angualr Http error处理
weixin_30950887的博客
05-31 102
https://stackoverflow.com/questions/46019771/catching-errors-in-angular-httpclienta 转载于:https://www.cnblogs.com/oxspirt/p/10953993.html
angular HttpClient 拦截器 拦截401请求重定向
qq_37124515的博客
08-26 1297
参考地址: https://semlinker.com/ng-http-interceptor/ 实现(request.service) import { Injectable } from "@angular/core"; import { Observable, of, throwError } from "rxjs"; import { catchError, map, tap } from "rxjs/operators"; import { HttpHeaders, HttpCli..
angular2中Http请求原理与用法详解
10-18
Angular2中HTTP请求原理与用法详解涵盖了Angular2环境下进行网络请求的核心知识点。Angular2是一个用于构建客户端应用程序的平台，它是AngularJS的后继版本，提供了更加模块化和高性能的解决方案。在Angular2中，...
angular2实现统一的http请求头方法
01-19
//方案1：能用，但token信息不能写在服务中，应该用全局变量替代，而且还得考虑参数复合问题。 @Injectable() export class DefaultRequestOptions extends BaseRequestOptions { constructor() { super(); this....
浅谈angular2的http请求返回结果的subcribe注意事项
12-01
在Angular2（以及更新版本的Angular）中，HTTP请求是通过`HttpClient`模块来实现的。这个模块提供了发送GET、POST等HTTP请求的方法，并且返回一个Observable对象，我们可以订阅这个Observable来获取请求的结果。在...
Angular6封装http请求的步骤详解
10-18
Angular6封装http请求主要包括理解Angular中的HttpClient模块以及如何通过拦截器（HttpInterceptor）来封装和增强http请求功能。 首先，Angular中的HttpClient模块是一个用于发送HTTP请求的库，它提供了一个更加...
app服务器响应失败,尽管来自服务器的HTTP 200响应，但Angular App中的HttpErrorResponse...
weixin_42148053的博客
08-12 566
我使用Flask在Python中编写了一个简单的API。我还使用stackblitz.com在Angular中编写了一个简单的应用程序。当我尝试从服务器获取数据时，服务器返回HTTP 200响应，但控制台为loggin HttpErrorResponse，其中包含以下信息：错误：ProgressEvent标头：HttpHeaders消息：“ http://127.0.0.1:5000/test的H...
angular 的http请求回调（success 和 error）
Eighteen Z
10-26 6342
前面有文章写过angular的$http请求的简单书写和使用。 回顾一下： var Server = angular.module("Server", []); Server.service("Api", ["$http", function ($http) { return { getTest : function (params, callback) {
AngularJs 1.6 开始移除$http success/erro 方法
Christopher的博客
01-06 3600
AngularJs 1.6 开始移除$http success/erro 方法,用.then()和.catch()代替 $http(...) .then(function onSuccess(response) { // Handle success var data = response.data; var status = response.statu
Angular 教程：英雄之旅
Liu-FE的博客
06-17 1398
Angular 教程：英雄之旅
Angular 拦截器（403、401）
zhengxiaocai的博客
02-07 3489
直接上代码： angular.module('webb-ui').factory('authInterceptor', ['$q','$rootScope','$location','$injector','$timeout',function ($q,$scope,$location,$injector,$timeout) { function isNotPriv(url
angular2 配置HTTP协议- 配置路由
cat_sky的博客
07-10 1627
今天把登录页面的HTTP请求和路由配置了一下，然后通过请求到的数据进行路由跳转；首先配置反向代理，之前用原生的时候是通过nginx来进行反向代理解决跨域的问题，但是使用ng后，需要在浏览器输入locahost:端口号  进行访问，和nginx的方式是一样的；网上搜了一圈怎么通过nginx来代理ng解决都没有解决~  然后查到资料说angular有自带的HTTP代理方法：首先是代理文件的配置：创建一...
Parameter 'collection' not found
expect521的博客
03-12 1108
nested exception is org.apache.ibatis.binding.BindingException: Parameter çollection'not found. Available parameters are [depId, userList, operator, param3, param1, param2] 工具：mybatis+pgsql 案例 dao层 vo...
【Angular中的HTTP请求】- HttpClient 详解
老杨头的博客
12-28 7476
本文主要介绍了Angular中使用HttpClient发起请求的详细流程。 主要包括： 1、HttpClient的使用方法。2、常用请求方法。3、调用关系。4、handle() 方法跟踪。5、 HttpBackend 介绍。 6、小结
使用SolrCloud出现org.apache.solr.common.SolrException: Collection not found: xxxxx
VicterTian的博客
08-18 3034
首先，我是用的是solr7.4.0，但是我项目中solrj使用的是4.10.3，这样在使用SolrCloud时，就会出现 org.apache.solr.common.SolrException: Collection not found: XXXXX  这样的异常，collection确定是存在，这时候，我们需要把solrj的版本修改为7.4.0，来保持一致。...
不明原因报错集中处理:Undefined
dazhi121812的博客
06-04 402
1， NSGenericException错误 Terminating app due to uncaught exception 'NSGenericException', reason: '*** Collection <__NSArrayM: 2， Undefined symbols for architecture i386 常见错误描述： ...
Angular优雅实现HTTP请求：RESTful API与身份认证
"这篇教程主要关注在Angular框架中如何优雅地处理HTTP请求，尤其是在与后端API进行交互时。文章提到了现代应用中前后端分离的常见架构，并指出身份验证通常不再依赖Session或Cookie，而是转向如OAuth2、JWT等API友好...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值