美文网首页我爱编程
Angular开发过程中解决跨域问题

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

作者: tomeetyou | 来源:发表于2018-02-13 10:52 被阅读0次

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

言归正传,前后端分工,可能面临一个问题,就是跨域的问题,这里我是用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

相关文章

网友评论

    本文标题:Angular开发过程中解决跨域问题

    本文链接:https://www.haomeiwen.com/subject/kiugdttx.html