首页 > 解决方案 > 如何为 NuxtJS 中的资产提供 cdn 链接?

问题描述

我正在开发一个 NUXTJs 来创建服务器端呈现的网站。我的问题是,虽然 nuxt 项目结构中有一个 assets/static 文件夹来提供图像和静态文件,但我想为我的所有图像源设置 cdn 链接。最好的方法是什么?

我能想到的可能方法:

  1. Vuex Store - 为图像设置 baseURL,然后在组件中使用
  2. env - 使用环境变量设置 cdn URL

TIA

标签: javascriptvue.jsvuejs2nuxt.js

解决方案


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

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

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


推荐阅读