Axios vue.js ajax example

Request dummy data with axios & vue.js

by William Sena

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.17.1/axios.js"></script>
<div id="app">
  <div v-if="loading">
    loading...
  </div>
  <div v-else>
    <ul>
      <li v-for="post in posts">
        <h1>
          {{post.title}}
        </h1>
        <p>
          {{post.body}}
        </p>
      </li>
    </ul>
  </div>
</div>

Babel + JSX

axios.defaults.baseURL = 'http://challenge.skyhub.com.br';
axios.defaults.headers.common['Authorization'] = 'f374060d-0067-4f57-902d-4fd5f1ee1fca'


axios.get('/platforms')
.then(res => console.log(res))
.catch((error) => console.error(error))