首先,咱們前端在做angular5項目的時候,避免不了的要進行數據請求,怎么才能請求到數據呢?
第一步:引入模塊:
在app.module.ts里面引入HttpClientModule,然后在組件的ts文件里面引入HttpClient模塊。
第二步:配置:
首先在根目錄中添加 proxy.config.json,寫入內容
{
"/api":{
"target":"http://localhost:8080" //此處設置你的數據所在的域名和端口
}
}
然后找到 package.json ,修改啟動模式,找到scripts內容:
"scripts":{
"ng":"ng",
"start":"ng serve --proxy-config proxy.config.json"
}
修改之后重新啟動項目,使用啟動命令為:npm run start。
然后,就可以使用HttpClient模塊處理數據了,調用的時候接口形式寫成: "/api/接口地址"即可,此刻的'/api'就是你接口所在的服務器地址。
以上是關於angular5的請求數據配置。
