Skip to content

Commit c61b4eb

Browse files
committed
first commit
1 parent fd50c55 commit c61b4eb

File tree

8 files changed

+351
-74
lines changed

8 files changed

+351
-74
lines changed

README.md

+51-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,54 @@
1-
# vue-axios-example
1+
# Vue Axios example with Rest API
2+
3+
Vue Client with Axios to make CRUD requests to Rest API in that:
4+
- Vue Axios GET request: get all Tutorials, get Tutorial by Id, find Tutorial by title
5+
- Vue Axios POST request: create new Tutorial
6+
- Vue Axios PUT request: update an existing Tutorial
7+
- Vue Axios DELETE request: delete a Tutorial, delete all Tutorials
8+
9+
![vue-axios-example](vue-axios-example.png)
10+
11+
For instruction, please visit:
12+
> [Vue Axios example - Get/Post/Put/Delete with Rest API](https://www.bezkoder.com/vue-axios-example/)
13+
14+
Related Posts:
15+
> [Vue Fetch example - Get/Post/Put/Delete with Rest API](https://www.bezkoder.com/vue-fetch-example/)
16+
17+
> [Vue 2 CRUD example with Axios and Vue Router](https://www.bezkoder.com/vue-js-crud-app/)
18+
19+
> [Vue 3 CRUD example with Axios and Vue Router](https://www.bezkoder.com/vue-3-crud/)
20+
21+
More Practice:
22+
> [Vue Pagination with Axios and API example](https://www.bezkoder.com/vue-pagination-axios/)
23+
24+
> [Vue JWT Authentication with Vuex and Vue Router](https://www.bezkoder.com/jwt-vue-vuex-authentication/)
25+
26+
> [Vue File Upload example using Axios](https://www.bezkoder.com/vue-axios-file-upload/)
27+
28+
Fullstack with Node Express:
29+
> [Vue + Node Express + MySQL](https://www.bezkoder.com/vue-js-node-js-express-mysql-crud-example/)
30+
31+
> [Vue + Node Express + PostgreSQL](https://www.bezkoder.com/vue-node-express-postgresql/)
32+
33+
> [Vue + Node Express + MongoDB](https://www.bezkoder.com/vue-node-express-mongodb-mevn-crud/)
34+
35+
Fullstack with Spring Boot:
36+
> [Vue + Spring Boot](https://www.bezkoder.com/spring-boot-vue-js-crud-example/)
37+
38+
> [Vue + Spring Boot + MongoDB](https://www.bezkoder.com/spring-boot-vue-mongodb/)
39+
40+
Fullstack with Django:
41+
> [Vue + Django](https://www.bezkoder.com/django-vue-js-rest-framework/)
42+
43+
Integration (run back-end & front-end on same server/port)
44+
> [Integrate Vue with Spring Boot](https://www.bezkoder.com/integrate-vue-spring-boot/)
45+
46+
> [Integrate Vue App with Node Express](https://www.bezkoder.com/serve-vue-app-express/)
47+
48+
Serverless with Firebase:
49+
> [Vue Firebase Realtime Database: CRUD example](https://www.bezkoder.com/vue-firebase-realtime-database/)
50+
51+
> [Vue Firestore CRUD example](https://www.bezkoder.com/vue-firestore-crud/)
252
353
## Project setup
454
```

package-lock.json

+9-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

+1
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
"lint": "vue-cli-service lint"
99
},
1010
"dependencies": {
11+
"axios": "^0.22.0",
1112
"core-js": "^3.6.5",
1213
"vue": "^3.0.0"
1314
},

public/index.html

+5-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,11 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width,initial-scale=1.0">
77
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
8-
<title><%= htmlWebpackPlugin.options.title %></title>
8+
<title>Vue Axios example</title>
9+
<link
10+
rel="stylesheet"
11+
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
12+
/>
913
</head>
1014
<body>
1115
<noscript>

0 commit comments

Comments
 (0)