1、安装mock依赖
npm install mockjs
npm install vite-plugin-mock
2、在src目录下创建mock目录文件夹 ,并创建index.js
export default [
{
type: 'get',
url: '/api/getUser',
response: () => {
return [{name: 'tttt', age: 18}]
}
}
]
3、在vite.config.js中添加
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { viteMockServe } from 'vite-plugin-mock'
export default defineConfig((command) => {
return {
plugins: [
vue(),
viteMockServe({
supportTs:false,
logger: false,
mockPath: "./src/mock/" //你自己创建的mock文件夹路径
})
]
}
})
4、修改axios的baseUrl为/api
const service = axios.create({
baseURL: import.meta.env.VITE_APP_BASE_API, // 这里也可以直接写成 /api 我这里是引入了根目录.env.development里的配置,
timeout: 5000
})
5、在项目中使用
this.axios.get('/api/getUser').then(res => {
// res.data = [{name: 'tttt', age: 18}]
})
如有遗漏或者错误欢迎大家的指出来