Конечно, есть способ сконфигурировать связку Vite, Apache и PHP без использования Laravel. Для этого вам понадобятся следующие шаги:
1. Установите и настройте Apache:
- Установите Apache на свой сервер.
- Отредактируйте файл конфигурации Apache (обычно это файл httpd.conf), чтобы активировать поддержку PHP. Для этого найдите и раскомментируйте следующую строку:
LoadModule php7_module modules/libphp7.so
- Перезапустите Apache, чтобы изменения вступили в силу.
2. Установите PHP:
- Установите необходимую версию PHP на свой сервер.
- Убедитесь, что PHP правильно настроен и работает с Apache. Для проверки создайте простой PHP-скрипт (например, с именем info.php) со следующим содержимым:
<?php
phpinfo();
?>
- Перейдите к этому скрипту (например, http://localhost/info.php) в своем браузере. Если вы видите информацию о PHP, то значит PHP установлен и настроен правильно.
3. Установите Vite:
- Установите Node.js на свой сервер, если он еще не установлен.
- Откройте командную строку и установите Vite глобально с помощью следующей команды:
npm install -g create-vite
- Создайте новый проект Vite с помощью следующей команды:
create-vite my-project
- Перейдите в созданную папку с проектом:
cd my-project
- Установите зависимости проекта:
npm install
4. Настройте Apache для обслуживания Vite:
- Создайте или измените файл .htaccess в корневой папке вашего Apache-сайта и добавьте в него следующий код:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]
</IfModule>
- Этот код перенаправляет все запросы на вашем сайте к файлу index.php, чтобы Vite мог обслуживать ваши фронтенд-ресурсы.
5. Настройте 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.
6. Запустите разработку проекта Vite:
- Запустите следующую команду в командной строке в корневой папке вашего проекта:
npm run dev
- Это запустит сервер разработки Vite и откроет проект в вашем браузере по адресу http://localhost:3000.
Теперь у вас настроена связка Vite, Apache и PHP. При разработке фронтенда вы можете использовать Vite для сборки и обслуживания ваших фронтенд-ресурсов, при этом Apache будет обслуживать ваш фронтенд, проксируя запросы к вашему серверу с PHP.