> 文档中心 > Ant Design Pro Vue 对接后端调整

Ant Design Pro Vue 对接后端调整

序言:

最近作者需要弄一个后台管理系统,懒得写前端所以用这个ant design pro vue框架,踩了一些坑,希望能帮助到有需要的人,需要对接自己后端接口的同学可以参考下。

先根据链接保留登录页,并且取消mock、动态路由、权限验证之类的东西。

这里很重要↓↓

 参考链接:ant design vue 保留登录页,取消动态路由 - 1024搜-程序员专属的搜索引擎

接下来是自己调后台接口的调整

  1. 先打开main.js,把mock注释
  2. 如果api接口路径不同,按需求调整
  3. vue.config.js 把api代理配置上去
      devServer: {    // development server port 8000    port: 8000,    // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11    proxy: {      '/api': { target: 'http://localhost:8010', ws: false, changeOrigin: true, pathRewrite:{   '^/api': '/' }      }    }  },

    后面的东西,我也还在摸索。。