Как указать абсолютный путь к файлу с компонента?

Question

[frty]

Здравствуйте, подскажите, почему я не могу указать абсолютный путь к изображению, которое находится в static(папка в корне сайта) из компонента ? А если у меня компоненты будут на 4 уровне вложенности, я же не буду ставить ../../../../?

<button @click="openModal">
       <img src="/static/images/icon.svg">
</button>

если пишу путь относительный, изображение видит

<button @click="openModal">
       <img src="../../../static/images/icon.svg">
</button>

Проект создан с помощью vue cli

Comments

[Stanislav]

data () {
  return {
    publicPath: process.env.BASE_URL
  }
}

<img :src="`${publicPath}icon.svg`">

[frty]

nedosekinstanislav, он не видит изображение, как будто его нет, если писать вот так

<img :src="`${publicPath}/static/icons/icon.svg`">
<img src="/static/icons/icon.svg">

но если написать вот так то видит
<img src="../../../static/icons/icon.svg">
Это одно и тоже по факту, но почему не видит в первом варианте не пойму

Answer 1

[Stanislav]

Попробуйте, вписать символ ~ или @, для src это начать с корня проекта и дальше уже к примеру '~/public/assets/images/icon.svg'

Comments

[frty]

Дело в том, что static лежит на уровень выше, @ бы сработала, но мне нужно смотреть в корень всего проекта, а не в src

[frty]

nedosekinstanislav, @ смотрит на папку src, а папка static находится выше

[Stanislav]

frty, На скрине явно синтаксическая ошибка

[frty]

nedosekinstanislav, я изначально все не так понял, вот более корректный вопрос
Как заставить сохраняться файлы?

[Stanislav]

frty, изначально, все хранится в assets, либо вы изучаете фреимворк либо его испытываете, думаю для решения задач вполне хватит за глаза то что предоставили разработчики, а то что ваши идеи не несут смысла, так как все уже продуманно заранее, наверное только вы оцените за хорошее решение.

[frty]

nedosekinstanislav, спасибо )