angular5 接口跨域請求配置


首先,咱們前端在做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的請求數據配置。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM