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 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...