Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/miolab/nuxt_axios
Repository for implementing API asynchronous communication in Nuxt.js.
https://github.com/miolab/nuxt_axios
axios nuxtjs
Last synced: about 2 months ago
JSON representation
Repository for implementing API asynchronous communication in Nuxt.js.
- Host: GitHub
- URL: https://github.com/miolab/nuxt_axios
- Owner: miolab
- Created: 2020-05-14T11:57:06.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-10-18T20:32:19.000Z (about 1 year ago)
- Last Synced: 2023-10-18T21:32:15.747Z (about 1 year ago)
- Topics: axios, nuxtjs
- Language: Vue
- Homepage:
- Size: 670 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nuxt.js (Axios)
`Nuxt.js`のお試しで、__API非同期通信__ を実装します。
- 実行環境・バージョン
```bash
create-nuxt-app v2.15.0
``````bash
$ node --version
v12.16.1
```- [Axios](https://github.com/axios/axios)
- [JSONPlaceholder](https://jsonplaceholder.typicode.com/)
- プロトタイプREST APIとして、[`/users`](https://jsonplaceholder.typicode.com/users)を使用。
## 実装コード
- [`pages/index.vue`](https://github.com/miolab/nuxt_axios/blob/master/pages/index.vue)
## 結果表示
- [localhost:3000](localhost:3000)
---
## Build Setup
```bash
# install dependencies
$ npm install# serve with hot reload at localhost:3000
$ npm run dev
```For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).