tomasevich/vue_apache_proxy.md

## vue_apache_proxy.md

      
    Raw
  

              vue_apache_proxy.md
            
          
    Проксирование apache (httpd) для vue-cli (vue.js)


В конфиге /etc/httpd/conf.d/mysite.ru.conf закомментируем строки (1) и впишем новые (2)

# Старые (1)
#<VirtualHost 0.0.0.0:80>
	#ServerName  mysite.ru
	#ServerAlias *.mysite.ru
	#CustomLog   /var/log/httpd/mysite.ru.access_log combined
	#ErrorLog    /var/log/httpd/mysite.ru.error_log
	#DocumentRoot    /var/www/domains/mysite.ru
#</VirtualHost>

# Новые (2)
<VirtualHost *:80>
	ProxyPreserveHost On
	ProxyPass / http://localhost:8080/
	ProxyPassReverse / http://localhost:8080/
</VirtualHost>


После рестартим апач, запускаем npm run serve (vue-cli) и радуемся

Внимание


Если выдает ошибку Invalid Host header, создаем конфиг для webpack (root_folder_of_app/vue.config.js) и указываем {disableHostCheck: true}

module.exports = {
    configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
          // изменение конфигурации для production...
        } else {
          // изменения для разработки...
        }
    },
    devServer: {
        disableHostCheck: true
    }
}