search

vuestorefront / vue-storefront-1

The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.
https://www.vuestorefront.io
MIT License
18 stars 13 forks source link

[Bug]: Unable to verify the first certificate #530

Open superma312 opened 2 years ago

superma312 commented 2 years ago

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

image

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

image

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