用的vue-resource，理论上思路是一样的。proxyTable和nginx的反向代理是一样的道理，拦截特定的url，转发到其他服务器。

// config
proxyTable: {
  '/api': {
    target: 'http://10.0.0.10:8080',
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/api'
    }
  }
}

// code
this.$http.post('/api/login',{
  username: 'xxx',
  password: 'xxx'
}).then((response) => {
  // ...
}, (response) => {
  // ...
});

# 生产环境 nginx
location /api {
  proxy_pass http://10.0.0.10:8080/api;
}

可以配置一个环境变量，通过判断环境变量确定使用哪一种配置

process.NODE_ENV === 'LOCAL' ? proxyTableLocal : proxyTableServer

设置后, npn run dev阶段, 本地如果访问'/get/apple, 本地服务器会帮你访问http://api.com:6688/get/apple拿到远程的数据, 变相的实现了跨域功能

打开config/index.js, 添加proxyTable属性

module.exports = {

build: {...}
dev: {
       ...
    proxyTable: {
        '/': {
                 target: 'http://api.com:6688',
                 changeOrigin: true
            }
    },
       ...
}

}

https://github.com/383514580/...