[Bug]: Unable to verify the first certificate

[superma312]

Describe the Bug

I setup a fresh magento 2.4.3 using curl -s https://raw.githubusercontent.com/markshust/docker-magento/master/lib/onelinesetup | bash -s -- magento.test 2.4.3. And using this local api, I tried to run the vue-storefront project locally, but I got a below error.

request to https://magento.test/graphql?query=query%20storeConfig%20%7B%20storeConfig%20%7B%20store_code%20default_title%20store_name%20default_display_currency_code%20locale%20header_logo_src%20logo_width%20logo_height%20logo_alt%20%7D%20%7D&operationName=storeConfig failed, reason: unable to verify the first certificate

Current behavior

There was a FetchError.

request to https://magento.test/graphql?query=query%20storeConfig%20%7B%20storeConfig%20%7B%20store_code%20default_title%20store_name%20default_display_currency_code%20locale%20header_logo_src%20logo_width%20logo_height%20logo_alt%20%7D%20%7D&operationName=storeConfig failed, reason: unable to verify the first certificate

Expected behavior

The vue storefront UI should appear.

Steps to reproduce

1. Install a fresh magento locally using curl -s https://raw.githubusercontent.com/markshust/docker-magento/master/lib/onelinesetup | bash -s -- magento.test 2.4.3 2.Install vue storefront locally from https://github.com/vuestorefront/vue-storefront
2. In vue storefront project, created .env

VSF_NUXT_APP_ENV=development
VSF_NUXT_APP_PORT=3000

VSF_STORE_URL=http://localhost:3000

VSF_MAGENTO_BASE_URL=magento.test
VSF_MAGENTO_GRAPHQL_URL=https://magento.test/graphql

VSF_MAGENTO_EXTERNAL_CHECKOUT_ENABLED=false
VSF_MAGENTO_EXTERNAL_CHECKOUT_URL=https://magento.test
VSF_MAGENTO_EXTERNAL_CHECKOUT_SYNC_PATH=/vue/cart/sync

VSF_IMAGE_PROVIDER=cloudinary
VSF_IMAGE_PROVIDER_BASE_URL=https://res-4.cloudinary.com/{YOUR_ID}/image/upload/
VSF_IMAGE_PROVIDER_DOMAIN=https://res-4.cloudinary.com

VSF_REDIS_ENABLED=false
VSF_REDIS_HOST=127.0.0.1
VSF_REDIS_PORT=6379
VSF_REDIS_KEY_PREFIX=
VSF_REDIS_CACHE_INVALIDATE_URL=/cache-invalidate

VSF_RECAPTCHA_ENABLED=false
VSF_RECAPTCHA_SITE_KEY=
VSF_RECAPTCHA_SECRET_KEY=
VSF_RECAPTCHA_HIDE_BADGE=
VSF_RECAPTCHA_SIZE=invisible
VSF_RECAPTCHA_MIN_SCORE=0.5
VSF_RECAPTCHA_VERSION=3

4. When running vue storefront project using npm run dev, I got an error.

What version of Vue Storefront are you using?

1.12.3

What version of Node.js are you using?

14.18.3

What browser (and version) are you using?

Chrome, Version 102.0.5005.115 (Official Build) (x86_64)

What operating system (and version) are you using?

Mac

Relevant log output

No response

Able to fix / change the documentation?

• [ ] Yes
• [ ] No

Code of Conduct

• [X] I agree to follow this project's Code of Conduct