文档章节

angular获取restful数据跨域问题

chro008
 chro008
发布于 2017/10/09 19:20
字数 148
阅读 10
收藏 2

本地搭建demo的时候,angular项目默认部署在4200端口,而后台服务器部署在8080端口; 当用angular发送请求到服务器的时候会报跨域问题

解决方案是在中间加一层nginx

配置如下 nginx:

location /api {
    proxy_pass   http://localhost:8080/angular/demo;
}

angular增加配置文件 proxy.conf.json

{
  "/api": {
    "target": "http://localhost",
    "secure": false
  }
}

启动angular项目的时候 使用 ng serve --proxy-config proxy.conf.json

这样 angular 请求 http://localhost:4200/api/getList会被解析为 http://localhost/api/getList

nginx接收到请求,转发到 http://localhost:8080/angular/demo/getList

输入图片说明

© 著作权归作者所有

chro008

chro008

粉丝 5
博文 46
码字总数 19512
作品 0
海淀
程序员
私信 提问
OSChina 技术专题之 AngularJS 更新版(201412)

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

OSC编辑部
2014/10/17
11.2K
26
Angular 应用解决跨域访问的问题

在前后台分离的应用中,Angular 与 Java 是一对好搭档。但是如果是分开部署应用,则势必会遇到跨域访问的问题。 什么是跨域 启动应用之后,有些浏览器会提示如下告警信息: 这个是典型的跨域...

waylau
2018/12/21
220
0
寻找熟悉AngularJS的前端工程师,协助做一个前端的Demo应用。

[背景] 寻找熟悉AngularJS的前端工程师,协助做一个前端的Demo应用。 [需求] 后台 1、Laravel5.2 后台使用Laravel框架搭建,以下组件已构建好,不需要你再做什么,可以提供RESTful API、JWT...

Micole
2016/05/30
23
0
Angular.js 相关记录

AngularJS作用域文档:http://docs.angularjs.org/api/ng.$rootScope.Scope ng-view 指令的角色是为当前路由把对应的视图模板载入到布局模板中。 AngularJS内置过滤器:http://code.angular...

彭博
2014/04/25
309
2
现在就开始使用AngularJS的三个重要原因

日期:2013-1-21 来源:GBin1.com 在线演示 如果你不熟悉什么是Angular.js的话,小编我强烈推荐你阅读 Javascript教程:AngularJS的五个超酷特性。简单来说Angular.js是google开发者设计和开...

gbin1
2013/01/21
18
0

没有更多内容

加载失败,请刷新页面

加载更多

总结:ElasticSearch查询

环境:ES2.3.2 地址:xxx:9200 注意动词使用:GET,POST,PUT,DELETE ElasticSearch PK Mysql 我的告警页面,查询条件会status='OK',isalarm=1,时间范围在:2019-03-01 13:45:41 到 2019......

浮躁的码农
28分钟前
3
0
简单的Cloud Toolkit教程,助你秒部署应用程序

1.什么是Cloud Toolkit Cloud Toolkit 是开发者本地 IDE 中的一款插件,可以帮助开发者更高效地开发、测试、诊断并部署应用。通过这个插件,可以==将本地应用一键部署到任意服务器==,甚至部...

small-bug
33分钟前
12
0
Linux系统产生随机数方法

系统环境变量($RANDOM) 范围:0~32767 加密:md5sum 加盐:stu echo $RANDOM echo $RANDOM |md5sum echo "stu$RANDOM" |md5sum |cut -c 8-15 openssl openssl rand -base64 8 时间......

Mustbecool
36分钟前
4
0
【2019年8月】OCP 071认证考试最新版本的考试原题-第14题

Choose two. Examine this SQL statement: UPDATE orders o SET customer_name = (SELECT cust_last_name FROM customers WHERE customer_id=o.customer_id); Which two are true? A) The su......

oschina_5359
44分钟前
3
0
功能测试与非功能测试

根据一份报告,应用程序崩溃导致71%的卸载。迫使用户卸载应用程序的其他原因是页面响应时间,混乱的UI,电池消耗等。这表明功能测试和非功能测试对于交付用户友好型应用程序的重要性。因此,...

八音弦
44分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部