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