工程化技巧之server-x单纯记录使用server-x的方法server-x使用webpack启动项目server-x

单纯记录使用server-x的方法

server-x --webpack 启动项目，这个命令会直接寻找项目之下的webpack.config.js文件，获取相关配置信息运行项目，但是vue或者react有的脚手架工具，并不会暴露webpack.config.js文件，解决方法如下：

// CRA
module.exports = require('react-scripts/config/webpack.config')('development');

// Vue CLI
module.exports = require('@vue/cli-service/webpack.config');

svrx --webpack --route route.js --mock -p json-server

在项目根目录中建立route.js,里面可以写一些请求的接口：例如get方法，post方法等

route.js 内容

get('/api/mock/users').to.mock({
    'users|10': [{
        'id|+1': 1,
        name: '@name'
    }]
})

http://localhost:8000/api/mock/users 访问接口数据

想了解更多的server-x可以看这里