Intro to Mirage with Nuxt
2:03
Nuxt + Mirage - From Install to first API Endpoint
10:34
Mirage with Nuxt - a Warning about Universal Mode
1:53
Fixing Data Discrepancies between server and Mirage
5:56
Mirage Route Shorthands
1:49
Data Relationships in MirageJS
5:06
More Data Relationships in Mirage
9:33
Loading Data Once with Middleware - working with Mirage and SPA Mode
5:52
CRUD for Admin page -- normalizing data for Mirage Post and Put
11:32
MirageJS Endpoints for Nuxt Auth
13:56
Mirage Serializer's keyForAttribute
5:03
Mirage and the Mark Played button
2:22
Mocking S3 Uploads with Mirage
4:08
Removing Tags from Mirage
1:06
Mirage + Nuxt Conclusion (for now)
1:10
0% done with Mirage with Nuxt

Fixing Data Discrepancies between server and Mirage

When the data from your server is formatted differently from the data coming from Mirage, you have three options:

  1. Change the Server
  2. Change Mirage
  3. Change your Vue code

Oftentimes changing the server to better match JSON API is the best option, but in this course we're going to stick with the other two methods.

This video grapples with the fact that our server puts an ID in the video attributes, while the official JSON API spec -- and our Mirage setup -- does not.

The code for this video can be found on github: data munging, adding video route.

What do others think of VueScreencasts?
"Thank you, this video helped me a LOT"
—exception360
"Really appreciate it! You're a good tutor."
—Ous
"Amazing!"
—Erika Kim
"great explanation! thank you!!!"
—Elizaveta Voloskova
Take your career to the next level