vue-cli proxyTable怎么配置

Question

如何实现线上环境使用setting.host + '/api/sop/'，本地dev请求localhost:3000呢？const instance = axios.create({  baseURL: setting.host + '/api/sop/',  timeout: 20000,  headers: {    'Content-Type': 'application/json',    'Accept': 'application/json',  },});config   proxyTable: {  '/api': {     target: "http://127.0.0.1:3000",     changeOrigin: true,     pathRewrite: {      '^/api': ""     }   } },

Answer 1

用的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;

}