vue开发中在本地dev服务器访问后端API

作者: 丶丶夏天 | 来源:发表于2017-06-23 16:12 被阅读596次

在开发过程中需要在使用dev服务器时访问后端API时，可以让dev服务器将所有API请求代理到实际的后端。
要配置代理规则，请在config / index.js中编辑dev.proxyTable选项。 Vue的dev服务器使用http-proxy-middleware进行代理，可以参考其文档以获取详细的用法。这是一个简单的例子：

// config/index.js
module.exports = {
  // ...
  dev: {
    proxyTable: {
      // proxy all requests starting with /api to jsonplaceholder
      '/api': {
        target: 'http://jsonplaceholder.typicode.com',//这里是你要代理的域名
        changeOrigin: true,
        pathRewrite: {
          '^/api': ' '  //匹配到'/api'，就变成' '
        }
      }
    }
  }
}

将设你原本请求是 localhost:8080/api/posts/1,现在就变成http:/jsonplaceholder.typicode.com/posts/1

参考:https://vuejs-templates.github.io/webpack/proxy.html