angular获取restful数据跨域问题

前端之家收集整理的这篇文章主要介绍了angular获取restful数据跨域问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本地搭建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

原文链接:https://www.f2er.com/angularjs/145953.html

猜你在找的Angularjs相关文章