本地调试，需要用到服务器的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. react学习之redux和redux-react用法
			
    前言 redux和react-redux的关系:   redux就是一个存储数据的对象,并提供了获取/设置store中的属性的解决方案,react-redux是连接react和redux桥梁的封装.  ...
    
			
    2. 
						
  2. CF360E Levko and Game【贪心+dijsktra】
			
    先把所有边可动设为r[i]又这些边不是l就是r(如果想一个方向改变能更优的话就尽量多的改变),每次跑dijsktra,对于可动边(x,y),如果dis1[x]<=dis2[x],那么就把这条边改 ...
    
			
    3. 
						
  3. 洛谷 P1875 佳佳的魔法药水
			
    P1875 佳佳的魔法药水 题目描述 发完了 k 张照片,佳佳却得到了一个坏消息:他的 MM 得病了!佳佳和大家一样焦急 万分!治好 MM 的病只有一种办法,那就是传说中的 0 号药水 --怎么样才能 ...
    
			
    4. 
						
  4. [Xcode 实际操作]六、媒体与动画-(1)使用图形上下文按一定比例缩放图片
			
    目录:[Swift]Xcode实际操作 本文将演示如何通过图形上下文,来实现图片缩放的功能. 在项目导航区,打开视图控制器的代码文件[ViewController.swift] import UIKi ...
    
			
    5. 
						
  5. 原生js 的ajax封装
			
    /** * 封装ajax函数(包括跨域) * @method ajax * @param option :{type:"post" or "get" 请求方式, ...
    
			
    6. 
						
  6. Eclipse中各图标含义
			
    Eclipse中定义很多小图标,在平时的开发工作中,熟悉这些小图标还是很有意义的.那具体意义大家又知道多少呢? 首先,通过在搜索“eclipse icon meaning”,找到了一个比较有用的链接, ...
    
			
    7. 
						
  7. jq：jQuery库文件jquery.scrollLoading.js使用方法
			
    图片延迟加载,滚动到哪里加载到哪里: 1:头部加载库文件 <script type="text/javascript" src="/js/jquery.scroll ...
    
			
    8. 
						
  8. NETCOREAPI 跨域处理
			
    ASPNETCOREAPI 跨域处理 AspNetCoreApi 跨域处理 如果咱们有处理过MV5 跨域问题这个问题也不大. (1)为什么会出现跨域问题: 浏览器安全限制了前端脚本跨站点的访问资源,所 ...
    
			
    9. 
						
  9. (转)nginx利用geo模块做限速白名单以及geo实现全局负载均衡的操作记录
			
    nginx利用geo模块做限速白名单以及geo实现全局负载均衡的操作记录 原文:http://www.cnblogs.com/kevingrace/p/6165572.html Nginx的geo模块 ...
    
			
    10. 
						
  10. MyBatis学习总结（二）---实例
			
    为了对MyBatis有个初步了解,现做一个简单的增.删.改.查实例.了解涉及的文件与相关作用. MySql创建friends表,以下是表的sql语句 DROP TABLE IF EXISTS `fri ...
    
			
    11.