Nuxt Medusa
Medusa 的 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