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

Question

vue具有此选项publicPath，该选项使应用程序可以部署在子路径：foobar.com/my-path上，从而可以通过它访问链接和所有资产。

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

示例：publicPath应该变成./my-path/assets/app.jshttps://my-staging-cdn.com/my-path/assets/app.js应该保持不变

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

./my-path/url-2.html

无法执行：

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

，因为它也会更改应用程序链接中的URL。

Answer 1

无法使CDN正常​​工作或无法使用资产。我尝试了其他策略，例如预渲染或Nuxt，但由于页面数量巨大，因此无法选择。

目的是让SEO机器人阅读呈现的页面，所以我在 publicPath: process.env.NODE_ENV === 'production' ? 'https://my-staging-cdn.com/my-path' : '/my-path/'上圈出并部署了它的实例，并将其放在应用程序后面的反向代理中。这有效。