vue-element-admin - 配置接口請求，跨域，版本4

網上常規方法是這么說的，修改.env.development，然后就Ok

# base api
# VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = 'http://111.11.111.11'

但是我失敗了，然后找到了proxy代理

第一步，還是修改這個文件.env.development

# base api
# VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = ''

第二步，修改vue.config.js

//先注釋掉mock
 // before: require('./mock/mock-server.js')
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: `http://11.1111.11.1`,
        changeOrigin: true,
        ws: true,
        secure: false,
        pathRewrite: {
          ["^" + process.env.VUE_APP_BASE_API]: ""
        }
      }
    }

首先要確保訪問的接口可以訪問

第三步，utils/request.js,使用

TIP:get傳值用params,post傳值用data

//獲取管理員信息
export function getAdminInfo(params) {
  return request({
    url: "/admin/setting/admin/info",
    method: "get",
    params
  });
}

//添加管理員
export function addAdmin(data) {
  return request({
    url: "/admin/setting/admin/add",
    method: "post",
    data
  });
}

修改過config文件記得重新編譯項目