Ответы, понравившиеся пользователю shmatuan

Как решить ошибку Error in created hook: "TypeError: Cannot read property 'id' of undefined"?

Вадим @MrDecoy

Верставший фронтендер

Минутка обучения отладке:
0) Читаем текст ошибки. Видим что она из Post.vue.
1) Смотрим трэйс ошибки.
2) Видим что:

created -> fetchComponents -> cannot read id of undefined

3) Смотрим метод fetchComponents:
4) id используется только в одном месте
5) this.posts.id
6) Делаем вывод: this.posts во время выполнения метода = undefined
7) Смотрим что такое this.posts
8) Видим что такого не существует
9) А существует this.post (определено в props компонента)
10) Делаем вывод: опечатались или стали жертвой собственного копипаста и нужно в этом методе удалить лишнюю s.

Ответ написан более двух лет назад

9 комментариев

Можно ли вызвать функцию JS с параметрами для html документа?

bingumd @bingumd

...

так может лучше задать этим элементам один класс, на пример black, и в js:

document.querySelectorAll('.black').forEach(el => {
    el.addEventListener('mouseover', () => el.style.backgroundColor = 'black')
})

или просто через css:

.black:hover {
    background-color: black;
}

Ответ написан более двух лет назад

Комментировать

Как решить проблему с CORS при использовании локального сервера и webpack dev server с прокси?

tonyshow @tonyshow Автор вопроса

В общем сам решил проблему! Как говориться: "Спасение утопающих - дело рук самих утопающих!"

Суть того что я делаю, я просто подменяю host:port в адресе заголовка в ответе от локального сервера (proxyRes.headers.location) на host:port webpack dev server'a и CORS идет нах...(лесом), так как не вдупляет, что его наеб... (обманули) ))) и подсунули другой адрес.

devServer: {
    contentBase: params.path.public, // Путь до корневой дериктории, где dev server будет запрашивать файлы, которые не компилируются webpack'om
    // Например: c://web-site-path/public
    publicPath: params.path.publicPath, // Перфикс пути, по которому будут лежать файлы у вебпак дев сервера 
    // Например: '/public/assets/' - файлы будут доступны по адресу: http://anyships.site/public/assets/file_name.js
    host: 'anyships.site', // Host webpack dev server'a
    port: 3000, // Port webpack dev server'a
    hot: true, // Включить автоперезагрузку страницы при изменении файлов
    proxy: { // Собственно настройки прокси
      '**': { // С какого адреса webpack dev server'a будут проксироваться запросы на адрес локального сервера. 
        // В данном случае ** - значит все адреса проксировать, начиная с корня http://anyships.site:3000
        // Например: http://anyships.site:3000/user запрос на http://anyships.site/user (адрес из target ниже)
        target: `http://anyships.site`, // Целевой адрес локального сервера, куда будут проксироваться запросы с дев сервера 
        onProxyRes(proxyRes, req, res) {
          if (proxyRes.headers.location) { // Если есть заголовок со свойством location (Где храниться полный адрес запроса к локальному серверу)
            let location = proxyRes.headers.location; // Сохраняем адрес зоголовка location из ответа в переменную location
            console.log(`LOCATION: ${proxyRes.headers.location}`); // Выводит в консоль адрес до замены
            location = location.replace('anyships.site', 'anyships.site:3000'); // Заменяем адрес локального сервера на адрес webpack dev server'a
            proxyRes.headers.location = location; // Присваиваем в заголовок location подмененный адрес из переменной location
            console.log(`REPLACED: ${proxyRes.headers.location}`); // Выводит в консоль адрес после замены
          }
        }
      }
    }
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ]

Надеюсь мой ответ поможет кому-то еще, кроме меня самого! )) Успехов всем!

Войдите на сайт