本地调试，需要用到服务器的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. window安装android打包环境
			
    1.下载jdkhttp://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载:jdk-8u1 ...
    
			
    2. 
						
  2. anaconda3安装caffe
			
    使用anaconda3安装caffe踩坑无数次,放弃治疗,直接在~/.bashrc中删除anaconda的路径,备份一下等要用的时候再写上,用默认的python2.7系统环境安装 要使用人脸检测项目中 ...
    
			
    3. 
						
  3. poj1088(記憶化搜索)
			
    題目鏈接:http://poj.org/problem?id=1088 題意:中文題誒- 思路:dfs,不過直接dfs因該會超時,那我們給他加個記錄路徑就好了．．． 代碼: #include < ...
    
			
    4. 
						
  4. HDU 6003 Problem Buyer【小根堆】
			
    任意k个都可以,也可以看做把不行的都选了,再随便选一个可以的要选的数量 把区间和m个值都排序,区间按l一序r二序排,枚举m个值,小根堆维护能帮韩当前枚举值的区间的右端点,这样方便删除区间,然后剩下的就 ...
    
			
    5. 
						
  5. 分层确定性钱包开发的代码实现（HD钱包服务）
			
    HD Wallets的全称是Hierachical Deterministic Wallets, 对应中文是 分层确定性钱包. 这种钱包能够使用一组助记词来管理所有的账户的所有币种,在比特币的BIP3 ...
    
			
    6. 
						
  6. django  数据库建表流程,与表结构
			
    目录 配置数据库 创建表结构 多表关连的设置 自创建关联表方法 自建表 和 ManyToManyField 联合使用 配置数据库 在Django项目的settings.py文件中,配置数据库连接信息: ...
    
			
    7. 
						
  7. 用SqlDataAdapter与datagridview配合实现快速CRUD
			
    private void btnSave_Click(object sender, EventArgs e) { //把DataGridView的修改的数据保存到数据库中去. string connS ...
    
			
    8. 
						
  8. Linux Maven install
			
    1 下载 maven : http://maven.apache.org/download.cgi2 解压 tar -xvf apache-maven-3.3.9-bin.tar.gz3 移到所需目录 ...
    
			
    9. 
						
  9. NET Core 2.1 Global Tools
			
    微软工程师Nate McMaster的博文.NET Core 2.1 Global Tools https://natemcmaster.com/blog/2018/05/12/dotnet-glob ...
    
			
    10. 
						
  10. 使用cp命令拷贝目录下指定文件外的其他文件
			
    shopt -s extglob cp test/!(abc*) test2/ cp test目录下除了以abc开头的其他文件 如果是除去多个文件的话使用   !(a|b)   ;   注意不要多加空 ...
    
			
    11.