Как правильно настроить socket.io и vps сервер для корректной работы?

Андрей Гаврилов, В sites-available добавил файл api-server со следующими настройками:

server {
  listen 8080;
  listen [::]:8080;


  root /var/www/html;

  index index.html index.htm index.nginx-debian.html;

  server_name 194.194.194.194;

  location / {
    proxy_pass http://localhost:8080;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
}

server_name - скрыл в примере выше, в реальном конфиге нормальный.
не помогло( возможно криво сделал...

Как правильно настроить socket.io и vps сервер для корректной работы?

Дмитрий, Не понимаю, что значит "перед приложением"? nginx на сервере стоит. Вот настройка для nuxt приложения:

server {
  listen 81;
  listen [::]:81;


  root /var/www/html;

  index index.html index.htm index.nginx-debian.html;

  server_name 194.194.194.194;

  location / {
    proxy_pass http://localhost:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
}

Как правильно настроить socket.io и vps сервер для корректной работы?

Андрей Гаврилов Почему порт 8000?

Как правильно настроить socket.io и vps сервер для корректной работы?

Дмитрий, По адресу vps сервера, по порту на котором работает приложение.

194.194.194.194:3000 - адрес поменял, но выглядит примерно так. Сам сайт отображается корректно.
194.194.194.194:8080 - адрес с сокетами, если пользователь зайдет по этому порту, то увидит: "api-server is ready to work!"

Почему последнее время в Разработке такие маленькие зарплаты?

Сергей Горностаев, Просто интересно, какой продукт нужно делать, что бы потом эти 500 килорублей окупались у работодателя? О_О

Как обернуть часть динамического контента в тег при SSR?

Владимир Голубь, Отредактировал. Зачем городить такую волокиту как у вас - понятия не имею)

Как правильно сделать компонент поиска на Vuе?

Алексей Ярков Вопрос. Насколько правильно\неправильно автор поступил, когда сначала данные взял через геттер и поместил в data объект, а потом в методе их начал мутировать? Я чего то не понимаю или логичнее было бы сделать computed свойство с геттером(геттер) и сеттером(мутацией)?

Как заставить смениться аватар после загрузки нового без reload'а страницы?

Cathari, Соответственно, на сервере должны быть методы, которые отдадут вам фото по запросу и после загрузки фото вернут вам url на него.

Как заставить смениться аватар после загрузки нового без reload'а страницы?

Cathari, Попробую объяснить. Скажу сразу - я не знаю как работает laravel, по этому на 50% это просто догадка. Суть в том, что такая конструкция Auth::user()->avatar - выполняется 1 раз при загрузке страницы, так как его выполняет сервер и отдает на фронт, дальше, это просто статика и ни как вы ее не оживите, ибо сервер шаблон сгненерировал - выдал, спит.
Что бы это стало динамическими данными, и обновлялось на фронте, нужно сделать это по другому.
Покажу пример с использованием библиотеки axios.

<Avatar v-bind:avatar ="UserAvatar " />

data: () => {
   return {
         UserAvatar: false,
      }
   },
async mounted() {
   axios.$post('get-user-photo.php').then(response => {
     this.UserAvatar = response.data;
   });
},
methods: {
   UploadPhoto(){
    axios.post('upload-user-photo.php', {
      UserPhoto: 'user-photo'
    }).then(response => {
      this.UserAvatar = response.data;
    });
  }
}

Как заставить смениться аватар после загрузки нового без reload'а страницы?

Cathari, Если вы хотите, что бы это было динамическим свойством, тогда передавать нужны не просто в пропсы, а класть в отдельную переменную и потом уже передавать в пропсы. После ответа сервер(выполнения какого либо метода на смену фото) - менять данные в переменной.

Linux для frontendщика как?

AVKor, Такой, что собирая любое "из говна и палок", ты накатываешь винду.

Как асинхронно передать значение в валидатор в vuelidate?

Gagatyn, Учитесь работать с консолью. res.json() - возвращает промис, можно получить данные из него, например вот так:

res.json().then(data => {
   this.info = data;
});

Можно ли таким способом делать бургер меню?

Логичнее тогда сделать кнопку - оберткой, а span - плашками.

Аутентификация на фронтэнде после авторизации на бэкэнде. Как реализовать?

Не совсем могу понять, что означает "устанавливается кука с id сессии" какая кука, куда устанавливается?

Избитый вопрос: как быть с роутингом в связке Laravel+Vue+SSR?

Сергей delphinpro, А сторону Nuxt не смотрели? Там уже готовый сервер для ssr есть. Сборка Nuxt + Nuxt SSR + API
на Laravel не подойдет?

Как перегрузить Vue после подгрузки кода?

Если я правильно понял, то вам нужно не перезагружать vue, а перекомпилировать пришедший с сервера код. Что бы при вставке разметки с сервера, которая содержит, например, "@click", он работал. Копайте в сторону Vue.compile().

Как обновить state после softdelete или restore?

А как это реализовано сейчас? о_О
Если я вам скажу, что нужно сделать запрос на сервер, получить ответ, если ответ положительный, то нужно изменить стор, вам что нибудь это даст?

Как подключить jQuery библиотеку в React js?

Это ошибка говорит о том, что у вас допущена синтаксическая ошибка в коде, где то не закрыт тег HTML, скорее всего.

Как выровнить кнопку по центру?

lyaba_chelyaba, Так вы вешайте стили на нужную кнопку, а не на все на сайте.

Как использовать vue-router/axios внутри vuex store?

А чем импорт axios'а напрямую не устроил?