angular5 接口跨域请求配置
首先,咱們前端在做angular5項目的時候,避免不了的要進行數(shù)據請求,怎么才能請求到數(shù)據呢?
第一步:引入模塊:
在app.module.ts里面引入HttpClientModule,然后在組件的ts文件里面引入HttpClient模塊。
第二步:配置:
首先在根目錄中添加 proxy.config.json,寫入內容
{
"/api":{
"target":"http://localhost:8080" //此處設置你的數(shù)據所在的域名和端口
}
}
然后找到 package.json ,修改啟動模式,找到scripts內容:
"scripts":{
"ng":"ng",
"start":"ng serve --proxy-config proxy.config.json"
}
修改之后重新啟動項目,使用啟動命令為:npm run start。
然后,就可以使用HttpClient模塊處理數(shù)據了,調用的時候接口形式寫成: "/api/接口地址"即可,此刻的'/api'就是你接口所在的服務器地址。
以上是關于angular5的請求數(shù)據配置。
轉載于:https://www.cnblogs.com/laowangJames/p/9596885.html
總結
以上是生活随笔為你收集整理的angular5 接口跨域请求配置的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【WinForm-无边框窗体】实现Pan
- 下一篇: css3 loading 效果1