[TOC] #### Vue Mock 数据 1. 在项目根目录新建 vue.config.js 然后填入以下参数 ~~~ module.exports = { configureWebpack: { devServer: { port: 8089, // 设置端口号 open: true, // 项目运行是否自动打开浏览器 before(app) { // mock 数据 // 用户注册接口模型 let userdb = [ { username: '二狗子', password: 'admin888' } ] app.post('/api/register', (req, res) => { const {username, password} = req.query const userLen = userdb.filter( user => user.username === username ).length if (userLen > 0) { res.json({ code: 0, success: false, message: '用户已存在!' }) return false; } res.json({ code: 1, success: true, message: '注册成功!' }) }) } } } } ~~~ ***** 2. 组件中请求数据 ~~~ methods: { submitHandler() { /** * @param /api/register 请求地址 * @param params 表单value */ this.$http.post('/api/register', {params: this.model}) .then(res => { console.log(res.data) }) .catch(err => { console.log(err) }) } } ~~~