Alokai•6mo ago

500 An error occurred in browser, but no error message in terminal.

VSF for Magento and yarn dev Can anyone help? Are there any extra log files? #magento

9 Replies

can you please give more details, what's the error?

Thank you for your reply. BUT there're no errors in the terminal, everything is Green. I don't know how to debug this. The output html seems ok, but just the status code is 500

skirianov•6mo ago

can you screenshot the network tab in your browser?

wubinworks•5mo ago

@skirianov sorry for the late reply, here are the screenshots.

wubinworks•5mo ago

I followed the guide here https://docs.vuestorefront.io/magento/installation-setup/installation.html And tried both VSF_NUXT_APP_ENV=development & VSF_NUXT_APP_ENV=production, the results were the same. node version: v16.20.2

Installation | Vue Storefront 2 for Magento

Documentation for the Magento connector for Vue Storefront 2

wubinworks•5mo ago

Can someone help?

skirianov•5mo ago

can you show me your nuxt config and middleware config. I see you're running app on 44444 port, that may be an issue, since Nuxt is not pointing there

wubinworks•5mo ago

ok, the 44444 port is set in .env

# .env
VSF_NUXT_APP_ENV=development
VSF_NUXT_APP_PORT=44444
VSF_NUXT_APP_HOST=0.0.0.0

VSF_STORE_URL=http://vsf.wubinworks.com:44444

# Previously VSF_MIDDLEWARE_URL
API_BASE_URL=http://vsf.wubinworks.com:44444/api/
# Previously VSF_SSR_MIDDLEWARE_URL
API_SSR_BASE_URL=http://vsf.wubinworks.com:44444/api/

VSF_MAGENTO_BASE_URL=https://wubinworks.biz.pgw.jp
VSF_MAGENTO_GRAPHQL_URL=https://wubinworks.biz.pgw.jp/graphql

VSF_MAGENTO_EXTERNAL_CHECKOUT_ENABLED=false
VSF_MAGENTO_EXTERNAL_CHECKOUT_URL=https://wubinworks.biz.pgw.jp
VSF_MAGENTO_EXTERNAL_CHECKOUT_SYNC_PATH=/vue/cart/sync

NUXT_IMAGE_PROVIDER=ipx
NUXT_IMAGE_PROVIDER_BASE_URL=https://res-4.cloudinary.com/e1d0ef396/image/upload/
NUXT_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

VSF_COOKIE_HTTP_ONLY=
VSF_COOKIE_SECURE=
VSF_COOKIE_SAME_SITE=
VSF_COOKIE_PATH=

NODE_TLS_REJECT_UNAUTHORIZED=1
# All certificates are issued by well-known CA, NOT self-signed

# .env
VSF_NUXT_APP_ENV=development
VSF_NUXT_APP_PORT=44444
VSF_NUXT_APP_HOST=0.0.0.0

VSF_STORE_URL=http://vsf.wubinworks.com:44444

# Previously VSF_MIDDLEWARE_URL
API_BASE_URL=http://vsf.wubinworks.com:44444/api/
# Previously VSF_SSR_MIDDLEWARE_URL
API_SSR_BASE_URL=http://vsf.wubinworks.com:44444/api/

VSF_MAGENTO_BASE_URL=https://wubinworks.biz.pgw.jp
VSF_MAGENTO_GRAPHQL_URL=https://wubinworks.biz.pgw.jp/graphql

VSF_MAGENTO_EXTERNAL_CHECKOUT_ENABLED=false
VSF_MAGENTO_EXTERNAL_CHECKOUT_URL=https://wubinworks.biz.pgw.jp
VSF_MAGENTO_EXTERNAL_CHECKOUT_SYNC_PATH=/vue/cart/sync

NUXT_IMAGE_PROVIDER=ipx
NUXT_IMAGE_PROVIDER_BASE_URL=https://res-4.cloudinary.com/e1d0ef396/image/upload/
NUXT_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

VSF_COOKIE_HTTP_ONLY=
VSF_COOKIE_SECURE=
VSF_COOKIE_SAME_SITE=
VSF_COOKIE_PATH=

NODE_TLS_REJECT_UNAUTHORIZED=1
# All certificates are issued by well-known CA, NOT self-signed

wubinworks•5mo ago

@skirianov there're max input length limitation so I have to upload as file.

middleware.config.js

nuxt.config.js

package.json

Gaming

Programming

500 An error occurred in browser, but no error message in terminal.