Added MirageJS example configuration
This commit is contained in:
parent
e57909b318
commit
93a8313efd
6 changed files with 321 additions and 0 deletions
|
|
@ -4,6 +4,8 @@ import { ref } from 'vue'
|
|||
defineProps<{ msg: string }>()
|
||||
|
||||
const count = ref(0)
|
||||
|
||||
fetch("/api/users").then(res => res.json()).then(res => console.log(res))
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,10 @@
|
|||
import { createApp } from 'vue'
|
||||
import App from './App.vue'
|
||||
// @ts-ignore
|
||||
import { makeServer } from "./server"
|
||||
|
||||
if (import.meta.env.DEV) {
|
||||
makeServer()
|
||||
}
|
||||
|
||||
createApp(App).mount('#app')
|
||||
|
|
|
|||
27
src/server.js
Normal file
27
src/server.js
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
// src/server.js
|
||||
import { createServer, Model } from "miragejs"
|
||||
|
||||
export function makeServer({ environment = "development" } = {}) {
|
||||
let server = createServer({
|
||||
environment,
|
||||
|
||||
models: {
|
||||
user: Model,
|
||||
},
|
||||
|
||||
seeds(server) {
|
||||
server.create("user", { name: "Bob" })
|
||||
server.create("user", { name: "Alice" })
|
||||
},
|
||||
|
||||
routes() {
|
||||
this.namespace = "api"
|
||||
|
||||
this.get("/users", (schema) => {
|
||||
return schema.users.all()
|
||||
})
|
||||
},
|
||||
})
|
||||
|
||||
return server
|
||||
}
|
||||
Reference in a new issue