vue-cli proxyTable怎么配置

如何实现线上环境使用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': ""
    }
  }
},


海绵宝宝撒
浏览 901回答 1
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;}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript