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 就行了