angular反向代理配置

Angular-cli 是基于webpack 的一套針對提升angular開發(fā)體驗的命令行工具。
開發(fā)vue的時候,基于webpack的時候當時配置一個反向代理以完全實現(xiàn)前后端分離的體驗,既然webpack是可以配置的那么angular一定也是可以配置的,所以就查了相關的資料,angular反向代理配置方法如下:

  1. 在項目根目錄下新增一個文件保存代理的配置(proxy.conf.json)

    {
      "/": {
        "target": "http://localhost:5000",
        "secure": false,
        "changeOrigin": true
      }
    }
    
  2. 修改 package.json 文件中scriptsstart命令

    ng serve --proxy-config proxy.conf.json
    
  3. 啟動項目的時候執(zhí)行 npm run start 或者 ng serve --proxy-config proxy.conf.json

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,545評論 19 139
  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,021評論 0 16
  • 中文翻譯 ng help ng build 構建您的應用程序并將其放入輸出路徑(dist /默認情況下)。 別名:...
    4ea0af17fd67閱讀 2,136評論 0 0
  • 導語 Angular2(已經統(tǒng)一更名為Angular,而Angular1表示1.x版本,以下統(tǒng)稱Angular都是...
    cipchk閱讀 2,844評論 1 46
  • 前端工程搭建的三種手段 全程手動,一點點自己搭建,對技術人員要求比較高,必須對框架有深入的理解和豐富的經驗,要能h...
    OnePiece索隆閱讀 2,560評論 0 1

友情鏈接更多精彩內容