vue 中配置多個請求地址

在一個項目中我們可能會調多個不同地址的后端接口，此時就需要根據不同請求通過配置代理轉到不同的接口地址。

此時大概分兩類情況

第一  

        只配置域名地址和跨域允許的，需要幾個依次配置即可

'/apis': {
        target:config.ApiUrl,
      
          changeOrigin: true,   //允許跨域
       
        },
'/api': {
        target:config.ApiUrl,
   
        changeOrigin: true,   //允許跨域
        
      },

第二

　　需要地址配置地址轉換pathRewrite 

　　這種情況有些奇怪原本項目中只有/api的請求需要轉換，后來又加了/apis的請求需要轉換到另一個地址。發現直接在后面添加一個/apis的配置項不能生效，把/apis放在前面就可以生效了。 還有找到根本原因，發現后會繼續更新

 

'/apis': {
        target:config.ApiUrl,
        // target:'http://172.16.90.121:8080/h5-web',
          changeOrigin: true,   //允許跨域
          pathRewrite: {
            '^/apis': ''
          },
          // secure: false
          //重寫路徑，其實這里就是和上面的target拼接起來
        },
 '/api': {
        target:config.ApiUrl,
      // target:'http://172.16.90.121:8080/h5-web',
        changeOrigin: true,   //允許跨域
        //重寫路徑，其實這里就是和上面的target拼接起來
        pathRewrite: {
          '^/api': ''
        },
        secure: false
      },