Проблема явно с алиасами

А в шторме конфиг вебпака указан автоматом?

Попробуй этот бросить в корень и указать явно в настройках шторма, после этого перезагрузить

Дело в том, что webpack.config.js вообще отсутствует

Попробуй укажи руками

Ага, спасибо! Это помогает. Но ранее и без этого работало

Да, непонятно почему сломалось

Такое происходит после обновлений, но не всегда

Спасибо за ответ

Ну в глобал тогда запиши)

новый fetch можно вызывать this.$fetch

Да, это видел. Но это не было решением из за разных точек входа baseUrl

Спасибо в любом случае, теперь чтонибудь придумаю

process.client/server

А у тебя обращение к this в данном случае точно происходит корректно? Просто контекст ssr, в консоли ошибок не увидишь, а такое использование fetch с контекстом, насколько помню, не подразумевает использование this

Я предложу, по итогу, вот что :
Откажись от mounted, используй либо asyncData, либо fetch в новой нотации (2.12+). По свойству process.server ты сможешь понять какое у тебя окружение и нужен ли baseUrl (но я бы посоветовал все равно выставить fetchOnServer: false и посмотреть решит ли это твою проблему)

Насчет корректно, тут идиологически как то не правильно все. Но как ни странно это работает и на ssr стороне и на mounted. Насчет использования такого this в fetch это прям в документации написан такой пример, ниже скину. В консоли ошибки ssr есть, и в консоли сборщика в докер контейнере и в бразуерной, он если что не так выкидывает в консоль браузера как vueSsr ошибку.

За подсказки спасибо. Про асинк дата я уже думал, что она тоже устарела))) Но честно говоря, не понимаю тогда отличий fetch от AsyncData кроме контекста

Да, то что там this доступен компонента это я понял. Просто например метод loadVillages внутри fetch не работает, говорит, что метода не существует

Старый fetch слабо отличался от middleware скорее (если речь об использовании в конпонентах), про новый такого совсем не скажешь
asyncData отличается тем, что может вернуть объект, который будет смержен с содержимым data()

Вот решение проблемы импорта. Ну можно еще в windows записать)

// api.js
class A {

  constructor() {
    this.title = "Class A!";
  }

}

class B {

  constructor() {
    this.title = "Class B!";
  }

}

global.$api = {
  description: "Опомнись, не нужно так! Но если очень нужно, то можно :)",
  A,
  B,
};

// index.js
require("./api.js");

const a = new $api.A();
console.log(a);

const b = new $api.B();
console.log(b);