vue接口代理（开发环境）

 

 

proxyTable: {
      '/api':{
        //以下接口胡编，项目中需要使用自己的
        target:'http://www.aiot.com',  //这里配置的是 请求接口的域名
        // secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
        pathRewrite:{
          '^/api':'/' //路径重写，这里理解成用'/api'代替target里面的地址。
        }
      },
      '/img': {//代理请求图片的接口
        changeOrigin: true,
        secure: false, //https请求需设置此项
        target: 'http://www.aiot.com',
        pathRewrite: {
          '^/img': ''  
        }
      }
    },

 使用

 对于初学者，有个坑要注意，就是dev是开发环境，production才是生产环境，也是线上环境

这个问题没注意，搞一天都搞不清楚原因，在开发环境调试没问题，一打包就出问题，还找不到解决方案。