Ant Design Pro Vue 对接后端调整

本文介绍了如何使用AntDesignVue快速创建后台管理系统,包括保留登录页面、取消Mock、设置API代理以对接自定义后端接口的步骤。主要涉及Vue.js、前端框架和后端接口配置。

序言:

最近作者需要弄一个后台管理系统,懒得写前端所以用这个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': '/'
            }
          }
        }
      },

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值