1. 程式人生 > >【vue】跨域解決方案之proxyTable

【vue】跨域解決方案之proxyTable

在開發階段,前端呼叫後端介面可能會出現跨域問題,在vue-cli中已經為我們集成了http-proxy-> middleware,我們只需要在config/index.js中的proxyTable 配置即可。

如果介面是www.aaa.com/get/getList,那麼有兩種配置方案:

  • 方法一
proxyTable: {
  '/api': {
    target: 'www.aaa.com',
    pathRewrite: {
      '^/api': '/get'
    }
  }
}

這個時候我們請求/api/getList就是請求www.aaa.com/get/getList

  • 方法二
proxyTable: {
  '/api': {
    target: 'www.aaa.com',
    pathRewrite: {
      '^/api': ''
    }
  }
}

這個時候我們請求/api/get/getList就是請求www.aaa.com/get/getList

個人部落格:午後南雜