angular中使用代理

使用代理

1.在跟目錄建立proxy.config.json文件

{
      "/api": {
        "target": "http://localhost:3000",
        "secure": false,
        "changeOrigin": true,
        "pathRewrite": {"/api" : ""}
      }
}

• /api直接在get中使用表明代理，後面跟路徑。例如：/api/ 表明跟路徑。
• pathRewrite的做用，發送請求時候，會發送http://localhost:3000/api/的形式，他的做用就是取代/api用空格，發送就變成了http://localhost:3000/

2.在angular.json文件中配置

-    "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "chart:build",
            "proxyConfig": "proxy.config.json"
          },
          添加proxyconfig

3. package.json配置文件

• "scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.config.json",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

• 爲start添加代理配置，使用代理啓動
• 啓動 ng run start

4. 使用

• 發送get請求。

• 例：http.get('/api/'); 跟路徑