[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) }) } } ~~~