本地调试，需要用到服务器的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. div内textarea 居中
			
    textarea 实现div内居中,可以使用text-align:center,因其为行内元素.
    
			
    2. 
						
  2. 转载-【深度学习】深入理解Batch Normalization批标准化
			
      全文转载于郭耀华-[深度学习]深入理解Batch Normalization批标准化:   文章链接Batch Normalization: Accelerating Deep Network T ...
    
			
    3. 
						
  3. hdu1693Eat the Trees（插头dp）
			
    传送门 先坑着,等啥时候会了再来填坑 不得不说思路真的是很妙啊 //minamoto #include<iostream> #include<cstdio> #include& ...
    
			
    4. 
						
  4. 目前最全的浏览器/CSS选择器兼容性总结(2009-8-10更新)
			
    2009年2月24日,Safari 4.0 beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3).不过为了方便大家的工作,下面提供了最新版本的CSS选 ...
    
			
    5. 
						
  5. CC36:平分的直线
			
    题目 在二维平面上,有两个正方形,请找出一条直线,能够将这两个正方形对半分.假定正方形的上下两条边与x轴平行. 给定两个vecotrA和B,分别为两个正方形的四个顶点.请返回一个vector,代表所求 ...
    
			
    6. 
						
  6. Uva10755
			
    在题中的A*B*C的矩形中,当确定X1,X2,Y1,Y2时,1->z的子矩形的和为 sum[x2][y2][1] -(sum[x1-1][y2][1] + sum[x2][y1-1][1] -s ...
    
			
    7. 
						
  7. Linux systemd 常用命令
			
    系统管理 systemctl 显示系统状态: $ systemctl status 立即激活单元: # systemctl start [单元] 立即停止单元: # systemctl stop [单 ...
    
			
    8. 
						
  8. NET Core源代码通过Autofac实现依赖注入
			
    查看.NET Core源代码通过Autofac实现依赖注入到Controller属性   阅读目录 一.前言 二.使用Autofac 三.最后 回到目录 一.前言 在之前的文章[ASP.NET Cor ...
    
			
    9. 
						
  9. 爬虫（ProxyHandler）——代理
			
    工具:python3 步骤: 1)使用ProxyHandler()构建httpproxy_handler对象 2)使用build_opener(httpproxy_handler)构建opener 3 ...
    
			
    10. 
						
  10. Ubuntu14.04创建WiFi热点
			
    右键右上角网络图标→Edit Connections →Wi-Fi→Add→Wi-Fi→Create→SSID(wifi名称)→Mode(Ad-hoc)→IPv4 Settings→Methods(S ...
    
			
    11.