本地调试，需要用到服务器的api，发现chrome安全问题，需要解决跨域问题。现给出解决方案：

1、增加proxy.conf.json文件

位置与package.json文件同级（可指定）

2、package.json文件scripts启动项start增加一行：

--proxy-config proxy.conf.json

3、启动，使用npm start 或者ng serve --proxy-config proxy.config.json –open

4、代码中，访问API，如图：

5、访问效果



												


											
angular设置反向代理的更多相关文章
	

    
								
  1. Nginx_地址重写(rewrite)_日志管理(log_format)_压缩输出_Nginx设定限速_Nginx设置反向代理及反向代理缓存
		
    Nginx地址重写 Nginx rewrite rewrite语法规则1).变量名可以使用 "=" 或 "!=" 运算符~ 区分大小写~* 不区分大小写^~ 禁 ...
    
		
    2. 
						
  2. SVN 通过IIS设置反向代理访问
		
    原因 一个字,穷,没办法,只有一台机器 要当测试服务器还要做源码管理. 解决办法 通过IIS配置反向代理访问SVN,给SVN访问的HTTPS绑定上域名,就可以正常访问了. 1.修改SVN配置 把SVN ...
    
		
    3. 
						
  3. Vue-CLI 3.x 设置反向代理
		
    最近在项目中使用了Vue CLI 3.0版本,项目中需要设置反向代理解决跨域问题,下面记录一下设置过程. 新建配置文件 (vue-cli3.x 官网的配置文档 https://cli.vuejs.or ...
    
		
    4. 
						
  4. 安装Nginx并为node.js设置反向代理
		
    最近看了反向代理和正向代理的东西,想到自己的node.js服务器是运行在3333端口的,也没有为他设置反向代理,node.js项目的一些静态文件是完全可以部署在Nginx上,以减少对node.js的请 ...
    
		
    5. 
						
  5. Nginx前端设置反向代理，后端Apache如何获取访客的真实IP，结合PHP
		
    nginx反向代理后,在应用中取得的ip都是反向代理服务器的ip,取得的域名也是反向代理配置的url的域名,解决该问题,需要在nginx反向代理配置中添加一些配置信息,目的将客户端的真实ip和域名传递 ...
    
		
    6. 
						
  6. Nginx 如何设置反向代理 多服务器，配置区分开来，单独文件保存单个服务器 server 主机名配置，通过  include 实现
		
    samcao 关注 2015.06.15 10:08* 字数 0 阅读 408评论 0喜欢 0   网络结构如上图.可能你只有一个公网的Ip地址. 但是您的内网有个网站需要映射至外网.而又不想添加其它 ...
    
		
    7. 
						
  7. Nginx 如何设置反向代理
		
    网络结构如上图.可能你只有一个公网的Ip地址. 但是您的内网有个网站需要映射至外网.而又不想添加其它的非80端口.则你可以直接使用nginx来做反向代理即可.首先,配置nginx.conf文件. ht ...
    
		
    8. 
						
  8. ssh 设置反向代理
		
    远程主机上/etc/ssh/sshd_config中,开启 GatewayPorts yes systemctl reload sshd 本地: ssh -CqTnN -R 0.0.0.0:9000: ...
    
		
    9. 
						
  9. create-react-app 中设置反向代理、项目打包资源引入路径设置及 map 文件
		
    1.配置反向代理 (1)porxy 配置一个代理 修改package.json文件 "proxy":"http://teng.com/website/web", ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. AnimationCurve
			
    http://blog.sina.com.cn/s/blog_471132920101f8nv.html 说明:关于animationCurve的使用总结1 创建,可以新建脚本,创建animation ...
    
			
    2. 
						
  2. Django之缓存+序列化+信号+ORM性能优化+验证码
			
    缓存 由于Django是动态网站,所有每次请求均会去数据进行相应的操作,当程序访问量大时,耗时必然会更加 明显,最简单解决方式是使用:缓存,缓存将一个某个views的返回值保存至内存或者memcach ...
    
			
    3. 
						
  3. QDU-GZS与素数大法(素数筛法)
			
    Description 自从GZS成为G神之后,追随者不计其数,更是有了大名鼎鼎的拜神论: "吾尝终日编程也,不如须臾之拜拜G神也:吾尝打字刷题也,不如一日三拜G神也: 拜拜G神,程序非长也 ...
    
			
    4. 
						
  4. GPU程序缓存(GPU Program Caching)
			
    GPU程序缓存 翻译文章: GPU Program Caching 总览 / 为什么 因为有一个沙盒, 每一次加载页面, 我们都会转化, 编译和链接它的GPU着色器. 当然不是每一个页面都需要着色器, ...
    
			
    5. 
						
  5. 079 Word Search 单词搜索
			
    给定一个二维面板和一个单词,找出该单词是否存在于网格中.这个词可由顺序相邻的单元格内的字母构成,其中“相邻”单元格是那些水平相邻或垂直相邻的单元格.同一个单元格内的字母不允许被重复使用.例如,给定 二 ...
    
			
    6. 
						
  6. 运行node提示：events.js:160  throw er; // Unhandled 'error' event
			
    运行node时遇到下述提示: events.js:160  throw er; // Unhandled 'error' event或者events.js:160       throw er; // ...
    
			
    7. 
						
  7. Mybatis find_in_set 子查询，替代 in
			
    1. Mapper文件 2.dao层 3.生成Sql
    
			
    8. 
						
  8. 解释器模式和php实现
			
    解释器模式: 给定一个语言, 定义它的文法的一种表示,并定义一个解释器,该解释器使用该表示来解释语言中的句子. 角色: 环境角色:定义解释规则的全局信息. 抽象解释器::定义了部分解释具体实现,封装了 ...
    
			
    9. 
						
  9. JavaScript 事件对象event
			
    什么是事件对象? 比如当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 注:事件通常与函数结合使用,函数不会在事件发生前被执 ...
    
			
    10. 
						
  10. 文件操作函数及光标,tell,truncate
			
    一丶文件基本操作 1.打开文件 open(文件名(路径),mode = "?",encoding = "字符集") 2.文件路径: 1.绝对路径,从磁盘的根目录 ...
    
			
    11.