当前位置: 代码迷 >> 综合 >> angular 的代理
  详细解决方案

angular 的代理

热度:105   发布时间:2023-09-18 11:19:33.0

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启动代理不生效