Vue API-сервис показывает ошибку и не работает вообще - PullRequest
Новая
       34

Vue API-сервис показывает ошибку и не работает вообще

0 голосов
/ 18 июня 2019

Я пытаюсь позвонить в службу vue api через axios.Тем не менее, он не работает вообще, и я получаю сообщение Network Error на консоли браузера.Кто-нибудь может посоветовать, что я сделал не так?Ниже я приложил свой код со стороны клиента и сервера.

ошибка enter image description here

api.js 

const axios = require('axios')

export default () => {
  return axios.create({
    baseURL: 'http://localhost:1991'
  })
}

api_metrics.js 

import api from '@/services/api.js'
const url = api() + '/api/metrics/'

export default {
  getIpAddress () {
    console.log(url)
    return api().get(url)
  }
}

express_server.js 

const express = require('express')
const bodyParser = require('body-parser')
const cors = require('cors')

const app = express()

// middleware
app.use(cors())

const metrics = require('./routes/api/metrics') 
app.use('/api/metrics', metrics)

const port = process.env.PORT || 1991

app.listen(port, ()=>{
    console.log(`server running on port ${port}`)
})

server_api.js 

const express = require('express')    
const router = express.Router()

router.get('/', (req,res)=>{
    console.log('getIpAddress ')
    res.send('"metrics"')
})

module.exports = router

home.vue 

        <template>
            <p>Home</p>
        </template>

        <script>
        export default {
          data: () => ({
             this.user_information = []
          }),
          async created () {
             try {
                   this.user_information = await 
                   apiService.getIpAddress()
                   console.log(this.user_information)
              } catch (err) {
                   console.log(err.message)
              }
          }
        }
        </script>
...