首先，咱們前端在做angular5項目的時候，避免不了的要進行數(shù)據(jù)請求，怎么才能請求到數(shù)據(jù)呢？

第一步：引入模塊：

　　　　在app.module.ts里面引入HttpClientModule，然后在組件的ts文件里面引入HttpClient模塊。

第二步：配置：

　　　　首先在根目錄中添加 proxy.config.json,寫入內(nèi)容

　　　　{

　　　　　　"/api":{

　　　　　　　　"target":"http://localhost:8080" //此處設(shè)置你的數(shù)據(jù)所在的域名和端口

　　　　　　}

　　　　}

　　　　然后找到 package.json ，修改啟動模式，找到scripts內(nèi)容：

　　　　"scripts":{

　　　　　　"ng":"ng",

　　　　　　"start":"ng serve --proxy-config proxy.config.json"

　　　　}

　　　　修改之后重新啟動項目，使用啟動命令為：npm run start。

　　　　然后，就可以使用HttpClient模塊處理數(shù)據(jù)了，調(diào)用的時候接口形式寫成： "/api/接口地址"即可，此刻的'/api'就是你接口所在的服務(wù)器地址。

　　　　以上是關(guān)于angular5的請求數(shù)據(jù)配置。

轉(zhuǎn)載于:https://www.cnblogs.com/laowangJames/p/9596885.html

總結(jié)

以上是生活随笔為你收集整理的angular5 接口跨域请求配置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。