Уроки по программированию

Убрать лишний / (slash) при сборке vue проекта

Довольно глупый вопрос, но для новичков не самая простая задача избавиться от слэша в сборке, тем более у тех кто никогда не работал с webpack. Эта проблема может возникнуть если вы собрали проект при помощи команды:

npm run build

И закинули его не в корневую директорию. И у вас вместо вашего проекта отображается белый экран браузера. Это происходит потому что в путях есть предшествующий

/

2020-11-16_03-25-13

Для того чтобы избавиться от него вам нужно в корневой директории вашего проекта добавить файл vue.config.js и прописать в нем следующий код

module.exports = {
  publicPath: '',
};

После опять пересобрать проект через команду

npm run build

Теперь ваш проект будет запускаться с любой директории.

Комментарии к статье

  • Оставьте первый комментарий - автор старался

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *