angular 的代理

Angular开发，本机测试，默认前端端口4200，后台tomcat端口8080，在浏览器中会有跨域的限制，需要设置代理，设置方法：

1. 在项目根目录下新建文件 proxy.config.json，内容如下：

{

"/webapp":{

"target":"http://localhost:8080",

"secure": false,

}

}

其中，webapp是前端js中url的后缀的开头，例如：http://localhost:4200/webapp/hero/all，注意，这个是访问后端的url，前端的url中不要放webapp。

 

2. package.json中，scripts -> start , 改为：ng serve --proxy-config proxy.config.json

3. 启动，用指令：ng serve --proxy-config proxy.config.json --open

 或者  npm start或者npm run start 就行了

重要说明:启动服务的时候必须用npm run start启动，代理才生效，如果用ng serve启动代理不生效