Блог

Главная - Вопросы по программированию - У меня возникли проблемы с получением и отправкой запросов axios на реальном хосте

У меня возникли проблемы с получением и отправкой запросов axios на реальном хосте

#vue.js

Вопрос:

Когда я нахожусь на локальном сервере localhost:8080 в проекте vue, все отлично, но когда я развертываю проект на своем реальном хосте, у меня возникает проблема

 mounted(){
        axios.get('http://localhost/online-store/src/database_api/Admin/recent_product.php')
        .then((res) => {
            this.products= res.data
            console.log(res.data)
        })
    },

Комментарии:

1. http://localhost/online-store/src/database_api/Admin/recent_product.php это локальный адрес, он находится в вашем компьютере для разработки. вам нужен общедоступный адрес этого API-интерфейса службы при развертывании.

Ответ №1:

Вам необходимо заменить свой локальный URL-адрес

 axios.get('http://localhost/online-store/src/database_api/Admin/recent_product.php')

с публикой.

Ответ №2:

настройте свои axios в main.js (точка входа )

 axios.create({
    baseURL: process.env.VUE_APP_BASE_URL
})

Затем напрямую вызовите api ..он добавит базовый URL-адрес на основе вашего параметра env

  axios('/online-store/src/database_api/Admin/recent_product.php')

Примечание : Не забудьте добавить .env в соответствии с окружающей средой

Метки: