本地啓動服務，兩個進程分別監聽兩個端口，致使兩個 URL 不一樣

 

問題描述：

　　本地啓了兩個服務：A(http://localhost:8001) B(http://localhost:8000)，A 項目要怎麼才能關聯到 B 項目，也就是 A 項目請求怎麼跳到 B 項目？

 

解決方法：

　　用一個代理軟件，監聽一個端口，把不一樣的 URL 轉發給不一樣的後端。

　　一、用 nginx ，配置最方便。（暫時不會，先不展開敘述）

　　二、 webpack-dev-server。隨便寫一個 webpack 配置文件，不用幹什麼實際的活，在 dev-server 裏配置一下 proxy，把不一樣的 URL 轉發給相應的後端。

 

webpack.config.js 的最簡配置：

module.exports = {
  devServer: {
    port: 8080,
    proxy: {
      '/copdlive': 'http://localhost:8001',  // 轉發給 B
      '/api': 'http://localhost:8001',       // 轉發給 B
      '/': 'http://localhost:8000',          // 轉發給 A
    }
  }
}

　　

　　webpack-dev-server 啓動，啓動時會報錯（報找不到 src/ 目錄），這個錯能夠忽略，咱們不須要這個 webpack 編譯打包什麼東西，只須要它能轉發請求就能夠了