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


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM