How to link properly google cloud platform (buckets) to display images in strapi admin

Questions and Answers
1
  • Strapi 4.5.1
  • Debian 11:
  • Mysql 8.0:
  • 16.18.1:
  • npm 9.2:

I am trying to save my media in google cloud platform buckets (also deployed in a GCP vm). I am following the docs but i am still getting error.

Error
Error1177×670 85.5 KB

This is my plugins.js

module.exports = {
    upload: {
      config: {
        provider: '@strapi-community/strapi-provider-upload-google-cloud-storage',
        providerOptions: {
            bucketName: 'bucketname',
            publicFiles: true,
            uniform: true,
            baseUrl: 'https://storage.googleapis.com/bucketname',
            basePath: '',
        },
      },
    },
}

Here is my middlewares.js

module.exports = [
  'strapi::errors',
{
    name: 'strapi::security',
    config: {
      contentSecurityPolicy: {
        useDefaults: true,
        directives: {
          'connect-src': ["'self'", 'https:'],
          'img-src': ["'self'", 'data:', 'blob:', 'storage.googleapis.com'],
          'media-src': ["'self'", 'data:', 'blob:', 'storage.googleapis.com'],
          upgradeInsecureRequests: null,
        },
      },
    },
  },
  'strapi::cors',
...

THANKS!

2

Hi @andercm have you tried adding https://storage.googleapis.com? Maybe this could work

1 Like
3

can you please check if you deleted the line ‘strapi::security’ from middlewares.js. (that was my noob mistake)

1 Like
4

Yes, I replaced the default ‘strapi::secuirity’ for this.
This how i have the middleware ( I tried adding https:…/bucket)

image
image1047×521 35.2 KB

5

I know it’s a little bit late but, removing baseUrl from upload config in plugins.js will give you the correct url, also publicFiles should be false

6

hi @andercm
did you solve it? thanks