Есть ли способ сконфигурировать связку vite+apache+php (не ларавель)?

Конечно, есть способ сконфигурировать связку Vite, Apache и PHP без использования Laravel. Для этого вам понадобятся следующие шаги:

  1. Установите и настройте Apache:
  • Установите Apache на свой сервер.
  • Отредактируйте файл конфигурации Apache (обычно это файл httpd.conf), чтобы активировать поддержку PHP. Для этого найдите и раскомментируйте следующую строку:
     LoadModule php7_module modules/libphp7.so
  • Перезапустите Apache, чтобы изменения вступили в силу.
  1. Установите PHP:
  • Установите необходимую версию PHP на свой сервер.
  • Убедитесь, что PHP правильно настроен и работает с Apache. Для проверки создайте простой PHP-скрипт (например, с именем info.php) со следующим содержимым:
     <?php
     phpinfo();
     ?>
  • Перейдите к этому скрипту (например, http://localhost/info.php) в своем браузере. Если вы видите информацию о PHP, то значит PHP установлен и настроен правильно.
  1. Установите Vite:
  • Установите Node.js на свой сервер, если он еще не установлен.
  • Откройте командную строку и установите Vite глобально с помощью следующей команды:
     npm install -g create-vite
  • Создайте новый проект Vite с помощью следующей команды:
     create-vite my-project
  • Перейдите в созданную папку с проектом:
     cd my-project
  • Установите зависимости проекта:
     npm install
  1. Настройте Apache для обслуживания Vite:
  • Создайте или измените файл .htaccess в корневой папке вашего Apache-сайта и добавьте в него следующий код:
     <IfModule mod_rewrite.c>
       RewriteEngine On
       RewriteCond %{REQUEST_FILENAME} !-f
       RewriteRule ^ index.php [L]
     </IfModule>
  • Этот код перенаправляет все запросы на вашем сайте к файлу index.php, чтобы Vite мог обслуживать ваши фронтенд-ресурсы.
  1. Настройте Vite для работы с PHP:
  • Отредактируйте файл vite.config.js в корневой папке вашего проекта Vite и добавьте в него следующий код:
     const { createVuePlugin } = require('vite-plugin-vue2');
     
     module.exports = {
       plugins: [createVuePlugin()],
       server: {
         proxy: {
           '/api': {
             target: 'http://localhost', // Замените на адрес вашего сервера с PHP
             changeOrigin: true,
             rewrite: (path) => path.replace(/^/api/, '')
           }
         }
       }
     };
  • Этот код добавляет проксирование для всех запросов, начинающихся с '/api', на ваш сервер с PHP.
  1. Запустите разработку проекта Vite:
  • Запустите следующую команду в командной строке в корневой папке вашего проекта:
     npm run dev
  • Это запустит сервер разработки Vite и откроет проект в вашем браузере по адресу http://localhost:3000.

Теперь у вас настроена связка Vite, Apache и PHP. При разработке фронтенда вы можете использовать Vite для сборки и обслуживания ваших фронтенд-ресурсов, при этом Apache будет обслуживать ваш фронтенд, проксируя запросы к вашему серверу с PHP.