Блог

У меня есть статический ресурс — изображение в формате png. Я смог использовать его как:

 <img class="navbar-brand" id="navbar-logo" src="@/assets/logo.png">
  

Но мне нужно, чтобы его можно было заменить после развертывания. Когда я помещаю изображение в общедоступную папку и использую абсолютный путь, приложение vue не показывает изображение.

 <img class="navbar-brand" id="navbar-logo" src="/logo.png">
  

Тег img отображается на странице, и браузер выполняет http-вызов для изображения. Код ответа равен 200, но тело ответа пустое. Файл изображения хранится в общедоступной папке, которая находится в корневой папке приложения vue. На самом деле, даже если я добавлю в атрибут src имя изображения, которого не существует, я получу код ответа 200, что странно.

У меня также есть маршрутизатор в моем приложении, и, похоже, он работает нормально, но я не уверен, может ли это вызвать проблему или нет:

 export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/:dataset([^/0-9] ?)',
      name: 'introduction',
      component: Introduction
    },
    {
      path: '/:dataset([^/0-9] ?)/introduction',
      name: 'introduction',
      component: Introduction
    },
    {
      path: '/:dataset([^/0-9] ?)/sample-data',
      name: 'sample-data',
      component: SampleData
    },
    {
      path: '/404',
      component: NotFound
    },
    {
      path: '*',
      component: NotFound
    }
  ]
}) 
  

Я запускаю приложение на своей рабочей станции с

 npm run dev
  

Версия vue:

 front@1.0.0 /home/pm/git/showroom/front
└── vue@2.6.11 
  

Пожалуйста, помогите показать изображение из общедоступной папки.