Angular开发过程中解决跨域问题

现在刚刚实习,好多东西都是以前没见过的,比如说前后端分工,以前都是一个人做点小东西,前后都是自己做。

言归正传,前后端分工,可能面临一个问题,就是跨域的问题,这里我是用angular做开发,可能解决跨域的方法是不都适用,但是思想应该都差不多。

分为三步

1.在项目root位置(项目文件树的第二层),添加一个proxy.config.json文件

内容

{

    "/proxy/*": {  

    "target": "http://localhost:8080/",       //你要代理的url  代理后计算式同源操作,

    "secure": false,

    "changeOrigin": true,//

    "logLevel": "debug",

    "pathRewrite": {"^/proxy" : ""}

    }

  }


2.package.json配置

"scripts": {

    "ng": "ng",

    "start": "ng serve --proxy-config proxy.config.json",

    "test": "ng test",

    "lint": "tslint ./src/**/*.ts -t verbose",

    "e2e": "ng e2e"

  },

3.适用 npm  start 启动  而不是ng  serve

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,280评论 19 139
  • 中文翻译 ng help ng build 构建您的应用程序并将其放入输出路径(dist /默认情况下)。 别名:...
    4ea0af17fd67阅读 6,240评论 0 0
  • 导语 Angular2(已经统一更名为Angular,而Angular1表示1.x版本,以下统称Angular都是...
    cipchk阅读 7,737评论 1 46
  • 就让秋风带我走, 带我离开这, 飘满山头的红叶。 就让秋风带我走, 带我去寻那, 有你的远方。 就让秋风吹来, 带...
    糟糟莲阅读 3,226评论 0 2
  • 夜凉如水,细雨中慢走,体会当下。
    雨莫菲阅读 1,792评论 0 0

友情链接更多精彩内容