本地调试，需要用到服务器的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. bzoj 2535: [Noi2010]Plane 航空管制2【拓扑排序+堆】
			
    有个容易混的概念就是第一问的答案不是k[i]字典序最小即可,是要求k[i]大的尽量靠后,因为这里前面选的时候是对后面有影响的(比如两条链a->b c->d,ka=4,kb=2,kc=3,k ...
    
			
    2. 
						
  2. 以太坊开发教程（二） 利用truffle发布宠物商店 DAPP 到 以太坊测试环境Ropsten
			
    1.环境安装 1) node安装 设置镜像地址: curl --silent --location https://rpm.nodesource.com/setup_8.x | bash -下载安装  ...
    
			
    3. 
						
  3. 2014-11-1 NOIP模拟赛2
			
    一.题目概览 中文题目名称 连连看 取数 游戏 迎接仪式 英文题目名称 card cycle game welcome 可执行文件名 card cycle game welcome 输入文件名 car ...
    
			
    4. 
						
  4. Python爬虫之设置selenium webdriver等待
			
    Python爬虫之设置selenium webdriver等待 ajax技术出现使异步加载方式呈现数据的网站越来越多,当浏览器在加载页面时,页面上的元素可能并不是同时被加载完成,这给定位元素的定位增加 ...
    
			
    5. 
						
  5. hadoop是什么？新手自学hadoop教程【附】大数据系统学习教程
			
    Hadoop是一个由Apache基金会所开发的分布式系统基础架构. Hadoop是一个专为离线和大规模数据分析而设计的,并不适合那种对几个记录随机读写的在线事务处理模式. Hadoop=HDFS(文件 ...
    
			
    6. 
						
  6. 洛谷 P3381 【模板】最小费用最大流
			
    题目描述 如题,给出一个网络图,以及其源点和汇点,每条边已知其最大流量和单位流量费用,求出其网络最大流和在最大流情况下的最小费用. 输入输出格式 输入格式: 第一行包含四个正整数\(N.M.S.T\) ...
    
			
    7. 
						
  7. hdu2466-Shell Pyramid
			
    先预处理一下层和行所对应的数,然后二分三个答案,注意细节   #include<cstdio> #define inf 0x3f3f3f3f ; typedef __int64 LL; u ...
    
			
    8. 
						
  8. Core2.0 项目到2.1
			
    Core2.0 项目到2.1 https://www.cnblogs.com/FlyLolo/p/ASPNETCore2_10.html .NET Core 2.1 终于发布了, 赶紧升级一下. 一. ...
    
			
    9. 
						
  9. MyBatis配置文件之概述
			
    MyBatis配置文件所有元素 <?xml version="1.0" encoding="UTF-8"?> <configuration&g ...
    
			
    10. 
						
  10. php 判断字符串中是否包含另一个字符串 strpos
			
    strpos (PHP 4, PHP 5, PHP 7) strpos — 查找字符串首次出现的位置 说明 strpos ( string $haystack ,  $needle [, int $o ...
    
			
    11.