Vue.js / webpack SPA：将所有输出文件指向CDN，但.html除外？

Question

对于我的单页应用程序，我想从public Foo(IYetAnotherInterface i, ...) 的CDN部署所有链接的文件（JS，CSS，JPG，WOFF等）。我可以在webpack配置中更改https://cdn.example.com，这样可以正确设置所有链接。但是，这也使Vue路由器认为服务器根目录是publicPath而不是简单的cdn.example.com。因此，Vue Router处理的主页上的任何链接都指向一个不存在的CDN页面。

理想情况：

从example.com（index.html，https://example.com等）的Web服务器提供服务的

• https://example.com/contact-us（处理所有Vue路由）

• https://example.com/about-us

上CDN服务器提供的所有其他服务

可能吗？谢谢。

Answer 1

我的基本误解是CDN网络是“哑巴的”，因为它只是按原样提供静态文件，并且没有执行Web服务器功能（如强制SSL和处理服务器重定向）的能力，这对单页应用程序。我认为根index.html仍需要从传统的非CDN Web服务器提供服务。

答案不在于webpack，答案是找到一个可靠的CDN，该CDN可以处理必要的功能并从那里为整个站点提供服务。