vue-cli4.0 配置代理

文件config里面的index.js配置

proxyTable: {
  '/api': {
    target: 'http://182.92.196.41:4999/api', //目标接口域名
    changeOrigin: true, // 允许websockets跨域(是否跨域)    
  //secure: false,// 如果是https接口，需要配置这个参数
    ws: true,
    pathRewrite: {  // 如果接口本身没有/api需要通过pathRewrite来重写了地址,这里把/api转成‘ ’
      '^/api': ''
    }
  }
}

pathRewrite：重写路径
后端识别时候把/api替换成空，后端没有/api
/api只是作为区分路由和接口的方式
具体要不要配置pathRewrite,要看前端的请求方式，以及后台的接受方式

ps:

比如：我在配置本地的时候
前端请求的参数的时候有/api，来区分网页还接口，但是后台接受的没有,则需要如上配置
但是：我在配置都域名的时候，域名接口地址是带/api的，所以此时无需配置pathRewrite

可以在封装接口的时候设置一下:

const service = axios.create({
  withCredentials: false, // 跨域请求时是否需要使用凭证
  baseURL: '/api', /这个地方可以设置一下,调用的时候接口前边就不用使用api了;
  timeout: 5000 // request timeout
})