Nuxt Medusa
Medusa module for Nuxt.
功能
- Nuxt 3 準備就緒
- 圍繞
@medusajs/js-sdk的封裝器 - 方便的組合式函式，例如
useMedusaClient - 在 API 伺服器路由中使用
serverMedusaClient - TypeScript 支援
快速設定
- 將
@nuxtjs/medusa依賴項新增至您的專案
npx nuxi@latest module add medusa
- 建立包含以下
MEDUSA_URL變數的 .env 檔案
MEDUSA_URL=<YOUR_MEDUSA_URL> # By default https://127.0.0.1:9000
就這樣！您現在可以從 Nuxt 中的 Medusa 取得資料了 ✨
<script setup lang="ts">
const client = useMedusaClient();
const { products } = await client.store.product.list();
</script>
如果您在使用 Medusa 的 CORS 時遇到問題，請確保 medusa-config.js 檔案中的 process.env.STORE_CORS 指向您的本機 Nuxt 專案。 預設情況下，Medusa 的 CORS 設定為 https://127.0.0.1:8000，而 Nuxt 預設在 https://127.0.0.1:3000 上執行
開發
# Install dependencies
yarn
# Generate type stubs
yarn dev:prepare
# Develop with the playground
yarn dev
# Build the playground
yarn dev:build
# Run ESLint
yarn lint
# Run Vitest
yarn test
yarn test:watch
# Release new version
yarn release