vuecli测试环境配置跨域

1.vue-cli2配置跨域

找到项目里builde文件夹中的index.js文件，在dev中增加proxyTable，实现跨域

module.exports = {
  dev: {
   proxyTable: {
     '/api': {
       target: 服务器地址 IP:端口,
       changeOrigin: true,
       pathRewrite: {
         '^/api': 'api'    
       }
     }   
   }  
  }
}

代码里的api代指后台项目名称，保持一致，方可使用跨域

2.vue/cli3配置跨域

在vue.config.js文件配置代理跨域

module.exports = {
   devServer:{
     proxy:{
       "/api":{
         target: 服务器地址, IP:端口
         changeOrigin: true, // 跨域设置true
         pathRewrite: {
           "^/api":"api"
         }
       }
     }  
   }
}

代码里的api代指后台项目名称，保持一致，方可使用跨域