解决angular4本地开发中跨域访问的问题

作者: wxfeng 分类: 未分类 发布时间: 2017-07-22 00:00

在本地进行angular项目开发时,如果需要跨域请求api来获取数据,可以通过设置代理的方法来进行跨域访问。

如前端项目访问地址为:localhost:4200,api接口地址为localhost:86,配置方法如下:

1,在根目录下新建代理配置文件 proxy.config.json

{
    "/proxyName":{
        "target":"http://localhost:86"
    }
}

2,修改http请求地址为Api,与配置文件中的命名保持一致

const url = `/proxyName`;
return this.http.get(url)
     .toPromise()
      .then(response => response.json() as Video[])
     .catch(this.handleError);

3,使用代理,启动server

ng serve --proxy-config proxy.conf.json

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注