首页 > 其他 > 详细

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

时间:2021-05-02 21:52:38      阅读:19      评论:0      收藏:0      [点我收藏+]

网上常规方法是这么说的,修改.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

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

原文:https://www.cnblogs.com/xing-29391/p/14726318.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!