springboot项目调试angular2

发表于 | 分类于 | 本文总阅读量 次

引：在接触 springboot和angular2的前后端项目的时候，我发现自己会先把angular2的项目编译好之后放在springboot的resource目录下的static文件夹下运行，虽然这样可以，但是对于前端来调试代码实在不方便。在百度网上的方法之后可以采用如下代理的方式。

问题

  1. angular2启动的服务默认为http://localhost:4200
  2. springboot启动的服务默认为http://localhost:8080

如果我们直接设置angular2访问的路径为http://localhost:8080就会出现跨域访问的问题。请求不到数据。

解决

在angular2项目的根目录下面新建一个proxy.config.json

1
2
3
4
5
6
{
"/api": {
"target": "http://localhost:8081",
"secure": false
}
}

然后在启动项目的时候采用下面的命令

ng serve –proxy-config proxy.config.json

通过这样的代理访问就能能够实现跨域访问请求数据。

总结

通过上面的方法方便了开发调试，不错，终于要开始写代码了！