Ant Design Pro Vue 对接后端调整

序言:

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

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

这里很重要↓↓

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

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

  1. 先打开main.js,把mock注释Ant Design Pro Vue 对接后端调整_第1张图片
  2. 如果api接口路径不同,按需求调整Ant Design Pro Vue 对接后端调整_第2张图片
  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': '/'
            }
          }
        }
      },

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

你可能感兴趣的:(vue.js,前端,javascript)