Vue 3 + Vite + mock

git config --global user.name "blackunicorn"
git config --global user.email "blackunicorn@163.com"

mkdir vue3-vite-mock
cd vue3-vite-mock
git init 
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://gitee.com/blaunicorn/vue3-vite-mock.git
git push -u origin "master"

cd existing_git_repo
git remote add origin https://gitee.com/blaunicorn/vue3-vite-mock.git
git push -u origin "master"

npm create vite@latest
npm install mockjs
yarn add axios

//引入mock模块
// vite-project\mock\index.js
import Mock from 'mockjs'
console.log('mock', Mock)

//  方式一、使用webpack的require.context()遍历文件夹中的所有js文件，不过使用的是正则表达式匹配，它返回一个简单的对象
// const files = require.context('.', true, /\.js$/)

// 方式二、使用vite的import.meta.globEager遍历所有Mock文件
const mockFiles = import.meta.globEager("./*.js")

import { createApp } from 'vue'
import App from './App.vue'

import '../mock/index'

createApp(App).mount('#app')

import Mock from 'mockjs';
const data = Mock.mock({
	'string|4': '哈哈',
});

const data = Mock.mock({
	'string|1-8': '哈哈',
});

const data = Mock.mock({
	string: '@cword',
});

const data = Mock.mock({
    string:"@cword(1)"
    str :"@cword(10,15)"
})

const data = Mock.mock({
    title:"@ctitle(8)"
    sentence:"@csentence"
})

const data = Mock.mock({
    title:"@ctitle(8)"
    sentence:"@csentence(50)"
})

const data = Mock.mock({
    title:"@ctitle(5,8)"
    sentence:"@csentence(50,100)"
})

const data = Mock.mock({
	content: '@cparagraph()',
});

const data = Mock.mock({
	'number|80': 1,
});

const data = Mock.mock({
	'number|1-99': 1,
});

const data = Mock.mock({
	id: '@increment',
});

const data = Mock.mock({
	name:"@cname()"
	idCard:"@id()"
	address:"@city(true)"
})

[
	'300*250','250*250','240*400','336*280'
	'180*150','720*300','468*60','234*60'
	'388*31','250*250','240*400','120*40'
	'125*125','250*250','240*400','336*280'
]

const data = Mock.mock({
'list|50-99':[
        {
            name:'@cname'
            address:'@city(true)'
            id:'@increment()'
        }
    ]
})

/// get新闻列表数据。/api/get/news?pageIndex=1&pageSize=10
Mock.mock('api/get/news', 'get', () => {
	return {
		status: 200,
		message: '获取数据成功',
	};
});

// 增加新闻  /api/add/news
Mock.mock('api/post/news', 'post', () => {
	return {
		status: 200,
		message: '获取数据成功',
	};
});

pageIndex：页码
pageSize:每页的条数

{
    status:200,
        message:"get 成功",
        list:[
        {
            "id":1,
            "title":"cds",
            "content":"sfsd",
            "img_url":"http://baidu.com",
            "add_time":"1987-04-03 11:43:37"}
        ],
        total:50
    }
}

title：'标题'
content：内容

{
    status:200,
        message:"post 成功",
        list:[
        {
            "id":1,
            "title":"ddfd",
            "content":"sdfs",
            "img_url":"http://baidu.com",
            "add_time":"1988-04-03 11:43:37"}
        ],
        total:50
    }
}

id；新闻id

{
    status:200,
        message:"delete 成功",
        list:[
        {
            "id":1,
            "title":"asda",
            "content":"asd",
            "img_url":"http://baidu.com",
            "add_time":"1989-04-03 11:43:37"}
        ],
        total:50
    }
}