Как убрать слэш при построении путя в сборке во vue.js?

Question

[Sector567]

Использую vue-cli, vue init webpack-simple

После того, как собираю проект (npm run build), пути к картинкам выглядят так:

<img src="/dist/logo.png?722ab7e259fc81a6ecdac5abdcd19285" alt="logo" />

Проблема в том, что картинки не могут подгрузится, если путь начинается со слэша, то есть
нужно как-то убрать слэш перед dist на этапе сборки, тогда все картинки успешно подгрузятся.
Как это можно сделать?

Comments

[Михаил]

У вас явная проблема в конфиге
Все пути до статики должны быть от корня в spa

[Sector567]

Михаил,
vue init webpack-simple для инициализации
npm install для установки
npm run build для девелопмент-режима
npm run build для сборки
в конфиг вебпака даже не залезал.
При этом в девелопмент режиме картинки подгружаются даже если пусть с слэша начинается, но в статики после сборки нет....

Откуда эти проблемы и что за проблемы я даже не знаю?

[Михаил]

Sector567, старый шаблон,нафига он вам?

[Sector567]

Михаил, значит это старый шаблон? подскажите, а какой новый? Я просто начал изучение и там данная конструкция в качестве примера показывалась?

[Михаил]

Sector567, просто vue create
https://cli.vuejs.org/guide/creating-a-project.htm...

[Sector567]

Михаил, посмотрел, попробовал, но возникло еще больше вопросов.

Как я понял при vue create webpack не устанавливается?
-Можно ли также как и с устаревшим шаблоном произвести установку и настройку webpack автоматом, а то вручную все это прописывать неприятно?

[Михаил]

Sector567, vue-cli весь автоматический, какие проблемы?

[Sector567]

Михаил, надо это все переварить. Спасибо, буду разбираться пока.

[Sector567]

Михаил, нужен файл webpack.config.js чтобы вписать в него например альяс для указания пути от корня, что бы не писать конструкции типа ../../../img/logo.png

[Михаил]

Sector567, где вы это вписываете

[Sector567]

Михаил, вы имеете ввиду путь? Например в компоненте нужна фоновая картинка, соответственно background-image и путь где нужно из компонента выйти на уровень выше, по этому и приходится писать ../

[Михаил]

Sector567, у vue это @/ или ~/
https://cli.vuejs.org/guide/html-and-static-assets...

[Sector567]

Михаил, большое спасибо