element admin UI 跨域解决方案

1.在nginx配置上加  

vue.config.js的  devServer.proxy配置中

proxy: {

      [process.env.VUE_APP_BASE_API]: {     // VUE_APP_BASE_API是 .env.development  文件里面的

        target: 'http://10.36.1.197:8081', // 连接的服务地址  就是后端接口地址

        ws: true, //跨域一定要加上WS

        changeOrigin: true,

        pathRewrite: {

          ['^' + process.env.VUE_APP_BASE_API]: ''

        }

      }

    },

    // before: require('./mock/mock-server.js')  //一定要去掉  不然优先访问自己本地的

 

 

 

 

2. VUE_APP_BASE_API = ""   改成空

3.最后是  utils/request.js   里面 改成  

const service = axios.create({

  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url

  timeout: 5000 // request timeout

})