Extend "Access-Control-Allow-Origin” header
Optional plugin:
The current release has been tested and is confirmed working with the following versions:
For debugging and testing, install either:
https://addons.mozilla.org/en-US/firefox/addon/apollo-developer-tools/ (Firefox)
https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm (Chrome)
Rename .env.example to .env so the Apollo debugger will correctly load. It will not load if the NODE_ENV variable is not correctly set.
Make sure WooCommerce has some products already or import some sample products
The WooCommerce sample products CSV file is available at wp-content/plugins/woocommerce/sample-data/sample_products.csv
or Sample products
Import the products at WP Dashboard > Tools > Import > WooCommerce products(CSV)
Clone or fork the repo and modify .env
with the URL to the GraphQL endpoint (or set environment variables in the configuration UI for your deployment solution)
Start the server with npm run dev
Enable COD (Cash On Demand) payment method in WooCommerce
Add a product to the cart
Proceed to checkout
Fill in your details and place the order
Author: w3bdesign
Demo: https://nuxtjs-woocommerce.vercel.app/
Source Code: https://github.com/w3bdesign/nuxtjs-woocommerce
#vuejs #vue #nuxtjs #javascript