vue-element-admin同时使用mock和真实API

例如我这里要调真实的api地址为

127.0.0.1:8080/dev-api/vat/queryDrugImportInfo

找到vue.config.js 修改devServer ,目的是修改允许跨域和代理跳转

json 复制代码
  devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    before: require('./mock/mock-server.js'),
    proxy: {
      '/dev-api/vat':{
        target:"http://127.0.0.1:8080",
        changeOrigin: true,

      }

    }
  },

然后在api这里写入请求的url

然后vue页面 该怎么调就怎么调

是不是很简单

相关推荐
北辰alk11 小时前
Vue Router 完全指南:作用与组件详解
vue.js
北辰alk11 小时前
Vue 中使用 this 的完整指南与注意事项
vue.js
xkxnq11 小时前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js
北辰alk11 小时前
Vue 插槽(Slot)完全指南:组件内容分发的艺术
vue.js
烛阴11 小时前
拒绝配置地狱!5 分钟搭建 Three.js + Parcel 完美开发环境
前端·webgl·three.js
北辰alk11 小时前
Vue 组件中访问根实例的完整指南
vue.js
Van_Moonlight11 小时前
RN for OpenHarmony 实战 TodoList 项目:空状态占位图
javascript·开源·harmonyos
北辰alk11 小时前
Vue Router 中获取路由参数的全面指南
vue.js
北辰alk11 小时前
Vue 的 v-cloak 和 v-pre 指令详解
vue.js
期待のcode11 小时前
前后端分离项目 Springboot+vue 在云服务器上的部署
服务器·vue.js·spring boot