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文件記得重新編譯項目
轉載於:https://www.cnblogs.com/gggggggxin/p/12988853.html
