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，转发到其他服务器。// configproxyTable: {  '/api': {    target: 'http://10.0.0.10:8080',    changeOrigin: true,    pathRewrite: {      '^/api': '/api'    }  }}// codethis.$http.post('/api/login',{  username: 'xxx',  password: 'xxx'}).then((response) => {  // ...}, (response) => {  // ...});# 生产环境 nginxlocation /api {  proxy_pass http://10.0.0.10:8080/api;}