Angular 代理设置

前端之家收集整理的这篇文章主要介绍了Angular 代理设置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

{
    "/webapp":{
        "target":"http://localhost:8080"
    }
}

其中,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


猜你在找的Angularjs相关文章