Webpack dev-прокси-сервер для локального хоста

#webpack-dev-server #webpack-5 #webpack-dev-middleware

Вопрос:

Я борюсь с прокси-сервером webpack dev. Я использую webpack 5.

Цель состоит в том, чтобы иметь сервер разработки webpack с локальным api Apache (PHP/Laravel). Сервер разработки Webpack имеет следующие настройки:

 devServer: {
    host: 'localhost',
    port: 8080,
    hot: true,
    firewall: false,
    public: 'http://dummy.com',
    proxy: {
        '/admin': 'http://dummy.com',
        '/api': 'http://dummy.com',
        "changeOrigin": true,
        "secure": false,
    },
}
 

Я хочу иметь возможность доступа к API на dummy.com через прокси-сервер. Но это не работает. Это всегда заканчивается на http://localhost.

Файл hosts для Windows 10:

 127.0.0.1   dummy.com
 

Виртуальные хосты Apache:

 <VirtualHost *:80>
    ServerAdmin webmaster@localhost
    DocumentRoot "e:wwwTESTpublic"
    ServerName dummy.com
    
    ErrorLog logs/localhost
    CustomLog logs/localhost-access_log common

    
    <Directory "e:wwwTESTpublic">
    Options All
    AllowOverride All
    Require all granted
    </Directory>
</VirtualHost>
 

Сервер разработки Webpack работает нормально, но прокси-сервер-нет. Независимо от того, какой домен я помещаю в цель, он всегда прокси-сервер для http://localhost. Что я делаю не так? Похоже, что Apache не получает заголовки запросов, и прокси-сервер напрямую вызывает IP-адрес.

Спасибо за любую помощь!

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

1. Ты когда-нибудь решал эту проблему? Сталкиваюсь с той же проблемой

2. Я даже не помню, если честно. Я переключился на Vite, и аналогичная настройка работает нормально.

3. Хорошая сделка, спасибо!