Как использовать vue с php?

Question

[yellow_pus]

У меня есть vue компонент, который выглядит вот так:

<template>
  <div class="sending">
    name
    <input type="text">
    send
    <input v-on:click="this.add" type="submit">
  </div>
</template>

<script>
import axios from 'axios'
export default {
  methods:{
    add(){
      axios.get('/data1.php')
          .then((response) => {
            console.log(response.data)
          })
    }
  }
}
</script>

Я хочу, чтоб по нажатию на кнопку, запрос обрабатывался в php файле.
Ранее,я отправлял только api запросы в проекте ларавель+вью, сейчас же, когда нужно использовать пхп+вью, я сделал по той же аналогии: Отправляю axios get запрос на php(например data1.php), сам файлик data1.php пока что содержит:

<?php
return 'data1';

Разумеется, выдает ошибку, но как правильно отправить get/post запрос на обработку данных с vue компонента, на чистый php файл, который бы в классе обрабатывался определенным методом?

Comments

[StiflerProger]

Тебе наверное надо веб-сервер запустить. Сами по себе файлы php не исполнятся. Если я конечно вопрос понял)

[yellow_pus]

StiflerProger, Ну проще говоря, правильно ли вообще делать апи запрос на пхп файл и что я делаю неправильно?

[StiflerProger]

yellow_pus, ну на файл ты не сделаешь http запрос. Его делают на http-сервер, который выполняет код твоих php файлов. Сервера типо apache или nginx

[Sergei Iamskoi]

Для разработки проще поднять PHP -S и не возиться с apache/nginx/php-fpm

Answer 1

[Pavel Omelchenko]

1. запрос в ответе должен получить json с данными, которые будут отображаться в шаблоне
2. запрос должен отдать веб-сервер. Тут два варианта. Поднимать nginx + php-fpm (openserver если на винде), либо воспользоваться встроенным сервером для разработки. https://www.php.net/manual/ru/features.commandline...

сам файлик написан не верно, он не return делать должен, а выводть реузультат в поток, то есть echo

Answer 2

[Григорий Васильков]

<?php
// index.php
$data = ['any data here'];
echo base64_encode(json_encode($data));

// index.js
fetch('/api/index.php')
  .then(res => JSON.parse(atob(res.json())));

Comments

[Adamos]

А в чем, собственно, смысл гонять JSON в base64 и обратно?

[Григорий Васильков]

Как-то раз столкнулся, что в json можно запихнуть эмоджу какую-то или что там было уже не помню, или какой-то вася умудрился json в json положить, что-то такое. Это гарантировало мне тогда что придет ровно то что отправили.

Не обязательно, но можно.

[Adamos]

Григорий Васильков, так json_encode должен выдавать заведомо валидный JSON с перекодированными символами и без нарушения структуры. Даже с кодировками облажаться не получится - он требует UTF-8. Тут вы явно дуете на воду.

[Григорий Васильков]

Должен, но кажется там есть приколы, помню долбался с этим. То ли в джсоне было поле где было еще один джсон какой-то кодер написал и при попытке JSON.parse все ломалось, то ли что-то такое. Я не помню.

Answer 3

[Immortal_pony]

<?php
echo "data1";

Хотите классы - используйте router