Генерация статических файлов с относительными путями с Nuxt - PullRequest
Новая
       5

Генерация статических файлов с относительными путями с Nuxt

0 голосов
/ 22 января 2019

Как я могу изменить путь к файлам при генерации статического с yarn run generate?

Например, мне нужно получить <img src="images/image.png">, но по умолчанию я получаю <img src="/image/image.png Я пытался использовать конфигурацию ниже,и у меня были правильные пути для файлов .js, но код в js-файлы не выполнялся.Спасибо за помощь. 

extend(config, ctx) {
  if (ctx.isDev && ctx.isClient) {
    config.module.rules.push({
      enforce: 'pre',
      test: /\.(js|vue)$/,
      loader: 'eslint-loader',
      exclude: /(node_modules)/
    })
  }

  if (!ctx.isDev && ctx.isClient) {
    // eslint-disable-next-line no-param-reassign
    config.output.publicPath = '_nuxt/'
  }
}

1 Ответ

0 голосов
/ 27 февраля 2019

Если вы загружаете изображение из каталога ресурсов, файлы имеют динамические пути в зависимости от того, где они загружены в данный момент.Вы можете сгенерировать путь с помощью веб-страницы: 

<img :src="require('~/assets/images/image.png)">

С другой стороны, в случае статического каталога - файлы копируются в основной каталог, поэтому вы используете путь изосновное местоположение, например 

<img src="images/image.png">
...