Доступ к данным с локального сервера в запросе на получение через Vue -ресурс - PullRequest
Новая
       6

Доступ к данным с локального сервера в запросе на получение через Vue -ресурс

0 голосов
/ 04 февраля 2020

Я пытаюсь создать приложение Vue. js, используя базу данных PostgreSQL. Я использую vue -ресурс. У меня настроен сервер, и данные отправляются в «localhost: 3000 / users», что дает мне JSON версию моих данных. Однако я не могу понять, как получить доступ к этим данным для использования на внешнем интерфейсе. Я получаю сообщение об ошибке «Запрос о происхождении заблокирован».

Вот соответствующий код из файла 'server. js': 

const getUsers = (request, response) => {
  pool.query('SELECT * FROM country', (error, results) => {
    if (error) {
      throw error
    }
    response.status(200).json(results.rows)
  })
}

...

app.get('/users', getUsers)

А вот код в моем файле 'App. vue': 

<script>
    export default {
        data() {
            return {
                nations: []
            }
        }, 
        methods: {
            fetchData() {
                this.$http.get('localhost:3000/users') 
                .then(response => {
                    return response.json();
                })
                .then(data => console.log(data))
        }
    }
</script>

Я попробовал несколько вещей. Увидел похожий запрос, связанный с React, который сказал, что вы можете установить свой прокси в пакете. json file to localhost: 

"proxy": "http://localhost:3000",

Это возвращает объект, однако он читает: 

status: 404

Как я могу подключиться к этой локальной базе данных?

...