vue-cli - 在用于 CDN 的 vue 应用程序中保持 Assets 和公共(public)路径不同

Question

vue有这个选项 publicPath 它允许将应用程序部署在子路径上: foobar.com/my-path ，使链接和每个 Assets 都可以通过它访问。

从性能的角度来看，我想在我的应用程序 Assets 上启用 CDN。如何将 URL 专门用于 Assets (而不是超链接)？

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

下面的配置允许我设置路径和 Assets 目录，但无法弄清楚如何为 Assets 设置 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。

Answer 1

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

目标是让 SEO 机器人读取呈现的页面，所以我在 Rendertron 上圈了出来。并部署它的实例并将其放在应用程序后面的反向代理中。这行得通。