sportfloodteam/imdb-watchlist

imdb-watchlist镜像说明

镜像概述

本镜像为基于Nuxt.js和Vue框架开发的IMDb观影清单应用，用于管理个人的IMDb观影列表，支持本地开发调试、单元测试及生产环境部署，依赖json-server（数据模拟）和redis-cache（缓存）服务。

核心功能

1. 本地开发热重载：代码修改后实时更新页面，提升开发效率
2. 单元测试：提供脚本验证功能正确性
3. 生产构建：生成优化后的生产代码并启动服务
4. 数据与缓存支持：需配合json-server和redis-cache服务运行

使用场景

• 个人观影清单管理工具
• Nuxt.js + Vue前端项目开发学习参考
• 小型影视列表应用原型演示

配置说明

基础构建与运行步骤

bash
# 安装项目依赖
npm install

# 启动json-server服务（端口5000）
npm run json-server

# 启动redis-cache服务（端口6379）
npm run redis-server

# 执行单元测试
npm test

# 本地开发热重载（端口3000）
npm run dev

# 生产环境构建与启动
npm run build
npm start

Docker部署示例

若需通过Docker容器化部署，可参考以下配置：

Dockerfile

dockerfile
FROM docker.xuanyuan.run/node:18-alpine

WORKDIR /app

COPY package*.json ./
RUN npm install --production

COPY . .

EXPOSE 3000 5000 6379

CMD ["sh", "-c", "npm run json-server & npm run redis-server & npm start"]

构建与运行命令

bash
# 构建镜像
docker build -t sportfloodteam/imdb-watchlist .

# 运行容器（映射端口）
docker run -d -p 3000:3000 -p 5000:5000 -p 6379:6379 docker.xuanyuan.run/sportfloodteam/imdb-watchlist

注：实际部署时需确保redis服务已正确配置，或调整启动命令以适配环境需求。 ===FULL_DESC===