создать виртуальный хост для приложения vuejs, вернуть неправильный заголовок хоста от nginx

Question

У меня возникла проблема при попытке создать виртуальные хосты для приложения vuejs. Это моя настройка:

# etc/hosts
127.0.0.1       vue.vavenger.local

# /usr/local/etc/nginx/servers/vue.vavenger.local.conf
upstream vuejs_app {
  server 127.0.0.1:8080;
}

server {
  access_log  /var/log/nginx/vue.vavenger.local.access.log;
  error_log  /var/log/nginx/vue.vavenger.local.errors.log;

root /var/www/html/vuejs_app;
index index.html;
server_name vue.vavenger.local;

location / {
  # try_files $uri $uri/ @app;
  proxy_pass http://vuejs_app;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_set_header Host $http_host;
  proxy_redirect off;
}

и когда я запускаю свое приложение, эта команда:

npm run serve

возвращает эту ошибку

Пожалуйста, дайте мне ответ на этот вопрос. Большое спасибо!

Answer 1

Я считаю, что вам нужно изменить vue.config.js

module.exports = { devServer: { disableHostCheck: true } }