如何设置REST以引用CDN上的媒体

Question

我正在使用Wordpress作为一个无头服务器，为一个基于react的web应用程序提供内容，我正在尝试通过CDN为媒体提供服务。我已经设置了W3-TotalCache插件，它成功地更改了Wordpress直接提供的页面的媒体URL，我可以导航到浏览器中的页面，图像源都来自正确的Cloudfront URL。如果我通过REST检索相同的页面内容，媒体URL仍然直接引用我的服务器，并且没有被W3-Total-Cache插件更改。

我已经上传了一个图片到Wordpress，然后用这个图像设置一个测试页面。

当我导航到http://myserver.com/test (正确)时，我得到的页面源包含：

<p><img src=\"http:\/\/123456789.cloudfront.net\/wp-content\/uploads\/2017\/09\/test-300x298.jpg\" ...

但当我打电话给http://myserver.com/wp-json/wp/v2/pages/17时，我得到的是：

    "content": {
    "rendered": "<p><img src=\"http:\/\/myserver.com\/wp-content\/uploads\/2017\/09\/test-300x298.jpg\" ...

我从JSON响应中所期望的是：

    "content": {
    "rendered": "<p><img src=\"http:\/\/123456789.cloudfront.net\/wp-content\/uploads\/2017\/09\/test-300x298.jpg\" ...

我是否可以设置W3-Total-Cache插件或REST本身来重写JSON中URL的服务器部分，以便为媒体提供CDN？

Wordpress版本为4.8.1。这是在弹性豆秆下的AWS上运行的。媒体存储在S3桶中，由CloudFront提供服务。

Answer 1

我今天也遇到了同样的问题。谢谢你的提问！我正在一个主题中实现一个ReactJS应用程序。因此，我在相应的Wordpress钩子的帮助下对我的脚本和样式进行排队。我配置了w3总缓存插件，因此它们通过CloudFront CDN提供服务。

到目前为止，它运行良好，但是当涉及到通过REST请求的媒体文件(作为richtext内容属性的一部分)时，我的URL也没有指向CDN。

我使用另一个插件：https://de.wordpress.org/plugins/amazon-s3-and-cloudfront/解决了这个问题。

它从上传目录中的所有文件重写URLs -也是在REST上请求它们时。

我有点担心使用两个插件，尽管我将w3总缓存插件配置为只在CDN上提供主题文件，而插件只提供媒体文件。但它有效..。

你目前的解决方案是什么？

谢谢和亲切的问候尼尔斯