欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在vue中配置不同的代理同時(shí)訪問不同的后臺(tái)操作

 更新時(shí)間：2020年09月11日 11:51:46   作者：池中飛雪  
這篇文章主要介紹了在vue中配置不同的代理同時(shí)訪問不同的后臺(tái)操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

如果和不同的后臺(tái)調(diào)接口，如果后臺(tái)接口沒有合到一起，前端可以配不同的代理來共同訪問他們的接口

在config文件夾下的index.js中設(shè)置如下：

proxyTable: {
  '/api/login': { // 第一個(gè)代理：此處的路徑是所有接口前面相同的部分，用來匹配帶有這部分路徑的
    target: "http://192.168.100.209:8910",
    changeOrigin: true,
    secure: false
  },
  '/api/supplier': { // 設(shè)置第二個(gè)代理
    target: "http://192.168.101.26:8910",
    changeOrigin: true,
    secure: false
  },
}

補(bǔ)充知識(shí)：vue項(xiàng)目開發(fā)環(huán)境下實(shí)現(xiàn)與多個(gè)后臺(tái)進(jìn)行聯(lián)調(diào)

在配置開發(fā)環(huán)境設(shè)置反向代理的地方設(shè)置反向代理

 proxyTable: {
      '/jk': {
        target: 'http://10.200.101.121:8090/',
        //target: 'http://118.24.184.180:8080/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api', //重寫,
        }
      },
      '/wxapi': {
        target: 'http://10.200.102.141:8089',
        changeOrigin: true,
        pathRewrite: {
          '^/wxapi': '/wxapi', //重寫,
        }
      },
      '/wxttxx': {
        target: 'http://10.200.102.141:8089',
        changeOrigin: true,
        pathRewrite: {
          '^/wxttxx': '/wxttxx', //重寫,
        }
      }
    },

這樣就可以根據(jù)不同的后臺(tái)進(jìn)行聯(lián)調(diào)了

以上這篇在vue中配置不同的代理同時(shí)訪問不同的后臺(tái)操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論