Как обслуживать ссылки cdn для ресурсов в NuxtJS?

Question

Я работаю над NUXTJ для создания веб-сайта на стороне сервера.Мой вопрос заключается в том, что, хотя в структуре проекта nuxt есть папка assets / static для изображений и статических файлов, я хочу установить ссылку cdn для всего моего источника изображений.Каков наилучший подход для этого?

Возможные способы, которыми я могу придумать:

1. Vuex Store - установить baseURL для изображений и затем использовать в компонентах
2. env - использовать переменную окружения для установки URL cdn

TIA

Answer 1

Вы можете установить его через свойство publicPath в nuxt.config

export default {
  build: {
    publicPath: 'https://cdn.nuxtjs.org'
  }
}

https://nuxtjs.org/api/configuration-build/#publicpath

Answer 2

Если у вас есть команда, работающая над проектом, используйте Vuex. Это сохраняет baseURL в самом проекте. Меньше хлопот копировать / делиться переменными env с командой.