[轉]vue-element-admin（一）配置后台api接口baseUrl

前言
vue-element-admin 是一個后台前端解決方案，它基於 vue 和 element-ui實現。它使用了最新的前端技術棧，內置了 i18 國際化解決方案，動態路由，權限驗證，提煉了典型的業務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業級中后台產品原型

官網地址：https://panjiachen.gitee.io/vue-element-admin-site/zh/
github地址：https://github.com/PanJiaChen/vue-element-admin

由於該框架默認使用mock js模擬數據，在結合后台實際運用中我們需要訪問后台api，所以第一步就是配置后台api地址。

1、編輯.env.development文件

 

 

 

 

2、修改vue.config.js

 

 如圖在devServer對象下配置proxy（沒有就新增），更多配置查看官方文檔

proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: process.env.VUE_APP_BASE_API,
        changeOrigin: true,  //配置跨域
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    }

最后注釋掉mock-server.js注入

 

3、npm run dev重新運行，點擊登錄查看是否配置生效

 

可以看到，我們的配置生效了，下篇我們來實現后台api

原文鏈接：https://blog.csdn.net/weixin_39305029/article/details/106753991

------------------

vue-element-admin 配置后台接口

修改vue.config.js中的devServer里面設置proxy

 

在.env.development中把 VUE_APP_BASE_API改成后台的ip (后面需要調用后台ip的時候直接調用就可以)

就ok啦!

https://blog.csdn.net/Ninewu/article/details/105112756