在CDN的vue应用程序中保持资产和公共路径不同

vue 有这个选项publicPath https://cli.vuejs.org/config/#publicpath它允许将应用程序部署在子路径上：foob​​ar.com/my-path，使链接和每个资产都可以通过它访问。

从性能的角度来看，我想在我的应用程序资产上启用 CDN。如何使用专门用于资产的 URL（而不是超链接）？

例子：./my-path/assets/app.js应该成为https://my-staging-cdn.com/my-path/assets/app.js
./my-path/url-2.html应该保持不变

下面的配置允许我设置路径和资产目录，但无法弄清楚如何设置资产的 cdn URL

module.exports = {
  publicPath: ‘/my-path/‘,
  assetsDir: 'assets'
}

不会： publicPath: process.env.NODE_ENV === 'production' ? 'https://my-staging-cdn.com/my-path' : '/my-path/'，因为它也会更改应用程序链接中的 URL。

无法让 CDN 正常工作或开箱即用。我尝试了其他策略，例如预渲染或 Nuxt，但由于页面数量巨大，这不是一个选择。

目的是让 SEO 机器人读取渲染的页面，所以我圈出了渲染创 https://github.com/GoogleChrome/rendertron并部署它的实例并将其放入应用程序后面的反向代理中。这有效。