【问题标题】:How to connect angular 2 with back-end server?如何将 Angular 2 与后端服务器连接?
【发布时间】:2016-09-22 06:47:19
【问题描述】:
我正在使用节点运行我的 Angular 2 应用程序,并使用 Wildfly 服务器运行后端。两者都在不同的服务器上运行(在同一台机器上)。我需要从前端调用 API 来检索数据。它会起作用吗?
【问题讨论】:
-
-
我在访问远程服务器时刚刚浏览了上面的链接#stijn26,它给出的错误如下:XMLHttpRequest 无法在后端加载Post-method 链接。对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问 Origin 'localhost:3008'。
-
标签:
node.js
angular
wildfly-8
【解决方案1】:
在开发环境中;您可以将您的 angular2 应用路由器代理到您的 api 端口和路径;
例如:
你可以使用 webpack-server 代理配置:
devServer: {
changeOrigin: true,
historyApiFallback: true,
proxy: {
'/api/v1/*': {
target: 'http://localhost:3000',
},
'/api/v2/*': {
target: 'http://localhost:3000',
}
}
}