如何在NuxtJS中为资产提供CDN链接?

时间:2018-10-28 18:07:01

标签: javascript vue.js vuejs2 nuxt.js nuxt

我正在NUXTJ上创建服务器端渲染的网站。我的问题是,尽管在nuxt项目结构中有一个资产/静态文件夹来提供图像和静态文件,但我想为所有图像源设置cdn链接。 最好的方法是什么?

我可能想到的方式:

  1. Vuex商店-设置图像的baseURL,然后在组件中使用
  2. env-使用环境变量设置CDN URL

TIA

2 个答案:

答案 0 :(得分:2)

您可以通过nuxt.config中的publicPath属性进行设置

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

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

答案 1 :(得分:0)

如果您有团队从事该项目,请使用Vuex。它将baseURL保存在项目本身中。减少将环境变量复制/共享给团队的麻烦。