Server routes and API in Vue - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a server route in a web application?

A server route is a path on the server that listens for requests from clients and sends back responses. It acts like a street address where the server knows what to do when someone visits that path.

beginner

How does an API relate to server routes?

An API (Application Programming Interface) uses server routes to let different programs talk to each other. Each route is like a door where the API accepts requests and sends back data or actions.

intermediate

In Vue, where do you typically define server routes for API calls?

In Vue apps, server routes are usually defined on the backend (like Node.js or another server). Vue calls these routes using HTTP requests (fetch or axios) to get or send data.

beginner

What HTTP methods are commonly used in server routes for APIs?

Common HTTP methods include GET (to get data), POST (to send new data), PUT/PATCH (to update data), and DELETE (to remove data). Each method tells the server what action to perform.

intermediate

Why is it important to handle errors in server routes?

Handling errors in server routes helps the app respond nicely when something goes wrong, like a missing page or bad data. It improves user experience and helps developers fix issues faster.

What does a server route do?

A Stores data on the client side

B Listens for client requests and sends responses

C Styles the webpage

D Runs Vue components

Server routes listen for requests from clients and send back responses.

Which HTTP method is used to get data from a server?

A PUT

B POST

C DELETE

D GET

GET requests are used to retrieve data from the server.

Where are server routes usually defined in a Vue app?

A In Vue components

B In CSS files

C In the backend server code

D In the browser console

Server routes are defined on the backend server, not inside Vue components.

What is the main purpose of an API?

A To allow programs to communicate

B To style web pages

C To store images

D To run Vue lifecycle hooks

APIs let different programs talk to each other by sending and receiving data.

Why should errors be handled in server routes?

A To improve user experience and debugging

B To hide data from users

C To slow down the server

D To make the app crash

Handling errors helps the app respond well and helps developers fix problems.

Explain how server routes and APIs work together in a Vue application.

Think about how Vue talks to the server to get or send data.

Describe the common HTTP methods used in server routes and their purposes.

Remember the four main actions you can do with data.