Связь между API и интерфейсом с помощью Axios - PullRequest
Новая
       21

Связь между API и интерфейсом с помощью Axios

0 голосов
/ 07 апреля 2020

У меня возникла проблема с установкой sh связи между API и интерфейсом. Для большей ясности: я отправляю файл JSON из API, но не могу восстановить его и отобразить в Интерфейс, JSON очень прост: {"name": "joe"}

Вот мой код: в API: (http://localhost:8080/route1) 

const jsontest=require('../models/test'); 
.
.
router.post('/', (req,res)=>{
       res.send(jsontest);  
        });
module.exports=router;

и в сторона интерфейса (http://localhost:8081/) 

<template>
.
.
  <v-btn x-large color="grey"  class="d-flex align-start flex-column mb-6" @click="getData" 
 >Start</v-btn>


      <div v-if="todos">
        <li>{{todos}}</li>
      </div>
</template>

, за которой следует: 

<script>

import axios from 'axios';
const WorkersURL='http://localhost:8080/route1';

export default {
 data(){
   return{
     drawer: false,
      todos:''
   }
 },  

 methods: {
 getData:function()
 {
    axios.post(WorkersURL)
    .then(response => {
      console.log(response.data) ;
      this.todos= response.data.name;    
          })
    .catch(e => {
      this.errors = e
    });

  }
},
 mounted(){
     this.getData
  }
}
</script>

Любая помощь будет оценена

1 Ответ

0 голосов
/ 07 апреля 2020

Вы должны использовать res.json() на своем сервере: 

router.post('/', (req,res)=>{
  res.send(jsontest);  
});

и удалить {} в axios.post(WorkersURL,{})

...