• Using any of CDN plugin available on the net the plugins doesn’t work, as it generates wrong link on frontend.
    So, trying to explain the exact problem, you could download and use a plugin like https://github.com/humanmade/S3-Uploads and create your favicons… Seems the whole process works until it comes to the frontend, the generated code saved on DB is:

    
    <link rel="apple-touch-icon" sizes="180x180" href="/uploads/sites/4/fbrfg/apple-touch-icon.png?v=2b0nQNee9w">
    <link rel="icon" type="image/png" sizes="32x32" href="/uploads/sites/4/fbrfg/favicon-32x32.png?v=2b0nQNee9w">
    <link rel="icon" type="image/png" sizes="16x16" href="/uploads/sites/4/fbrfg/favicon-16x16.png?v=2b0nQNee9w">
    <link rel="manifest" href="/uploads/sites/4/fbrfg/site.webmanifest?v=2b0nQNee9w">
    <link rel="mask-icon" href="/uploads/sites/4/fbrfg/safari-pinned-tab.svg?v=2b0nQNee9w" color="#55d1ff">
    <link rel="shortcut icon" href="/uploads/sites/4/fbrfg/favicon.ico?v=2b0nQNee9w">
    <meta name="apple-mobile-web-app-title" content="Cosme">
    <meta name="application-name" content="Cosme">
    <meta name="msapplication-TileColor" content="#55d1ff">
    <meta name="msapplication-config" content="/uploads/sites/4/fbrfg/browserconfig.xml?v=2b0nQNee9w">
    <meta name="theme-color" content="#55d1ff">
    

    but should be (imaging cloudfront as my CND):

    
    <link rel="apple-touch-icon" sizes="180x180" href="https://d32429078asdajh.cloudfront.net/uploads/sites/4/fbrfg/apple-touch-icon.png?v=2b0nQNee9w">
    <link rel="icon" type="image/png" sizes="32x32" href="https://d32429078asdajh.cloudfront.net/uploads/sites/4/fbrfg/favicon-32x32.png?v=2b0nQNee9w">
    <link rel="icon" type="image/png" sizes="16x16" href="https://d32429078asdajh.cloudfront.net/uploads/sites/4/fbrfg/favicon-16x16.png?v=2b0nQNee9w">
    <link rel="manifest" href="https://d32429078asdajh.cloudfront.net/uploads/sites/4/fbrfg/site.webmanifest?v=2b0nQNee9w">
    <link rel="mask-icon" href="https://d32429078asdajh.cloudfront.net/uploads/sites/4/fbrfg/safari-pinned-tab.svg?v=2b0nQNee9w" color="#55d1ff">
    <link rel="shortcut icon" href="https://d32429078asdajh.cloudfront.net/uploads/sites/4/fbrfg/favicon.ico?v=2b0nQNee9w">
    <meta name="apple-mobile-web-app-title" content="Cosme">
    <meta name="application-name" content="Cosme">
    <meta name="msapplication-TileColor" content="#55d1ff">
    <meta name="msapplication-config" content="https://d32429078asdajh.cloudfront.net/uploads/sites/4/fbrfg/browserconfig.xml?v=2b0nQNee9w">
    <meta name="theme-color" content="#55d1ff">
    

    on the backend instead the link is calculated ALMOST perfectly, infact where you show the Current favicon after uploading it, the image shown has the link:
    https://d32429078asdajh.cloudfront.net/uploads/sites/4/fbrfg//preview/preview_5129adb11e6016904b6b32685c2fc871.png
    but the double slash send in 403 the request (in S3 it means the file isn’t available, but checking the bucket everything is uploaded correctly).

  • The topic ‘[BUG] Cannot use CDN with this plugin’ is closed to new replies.