Vue fetch example: Get, Post, Put, Delete with Rest API - Vue Fetch data from API example

Vue Fetch example with Rest API

Vue Client with Fetch API to make CRUD requests to Rest API in that:

  • Vue Fetch GET request: get all Tutorials, get Tutorial by Id, find Tutorial by title
  • Vue Fetch POST request: create new Tutorial
  • Vue Fetch PUT request: update an existing Tutorial
  • Vue Fetch DELETE request: delete a Tutorial, delete all Tutorials

For instruction, please visit:

Vue Fetch example – Get/Post/Put/Delete with Rest API

Using Axios:

Vue 2 CRUD example with Axios and Vue Router

Vue 3 CRUD example with Axios and Vue Router

More Practice:

Vue Pagination with Axios and API example

Vue JWT Authentication with Vuex and Vue Router

Vue File Upload example using Axios

Fullstack with Node Express:

Vue + Node Express + MySQL

Vue + Node Express + PostgreSQL

Vue + Node Express + MongoDB

Fullstack with Spring Boot:

Vue + Spring Boot

Vue + Spring Boot + MongoDB

Fullstack with Django:

Vue + Django

Integration (run back-end & front-end on same server/port)

Integrate Vue with Spring Boot

Integrate Vue App with Node Express

Serverless with Firebase:

Vue Firebase Realtime Database: CRUD example

Vue Firestore CRUD example

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

GitHub

View Github