【从0到1打造vue element-ui管理后台 】 第八课 编写获取用户信息接口

360 阅读1分钟

第八课 编写获取用户信息接口

一、新建mocks/userInfo.js

/**
 * 后台用户信息
 *
 * @url user/info?token=233
 *
 */

module.exports = function (req) {
    var token = req.query.token;

    if (!token) {
        return {
            code: -1,
            message: 'token不能为空',
        }
    }
    return {
        code: 200,
        flag: true,
        message: "成功获取用户信息",
        data: [
            {
                "id|1-1000": 1,
                "name": "@cname",
                "roles": ["manager"]
            }
        ]
    }
};

二、在浏览器上测试接口

1)http://localhost:8090/api/user/info?token=233

image.png 2)http://localhost:8090/api/user/info?token

image.png

当然也可以用软件测试

1)https://www.apifox.cn/
2)https://www.postman.com/

我们以apifox为例子来测试一下接口

image.png

参考地址:github.com/52cik/expre…

三、增加运行项目的命令,打开package.json

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "api": "nodemon -e json -w server-api server-api/app.js"
  },

配置完,重启项目,在dom中输入npm run api,即可。