# 金申机械制造有限公司官方网站——前端服务

这是公司（金申机械制造有限公司）官网的前端服务。项目使用Nuxt.js与Element Plus进行开发，后端服务使用Directus。旨在为客户提供直观的公司简介、产品信息、解决方案、联系方式等。

## 站点内容

- 首页
  - 首页Banner
  - 推荐产品
- 产品展示
  - 产品列表分类展示
  - 产品详情页
- 解决方案
  - 以Markdown形式渲染解决方案文章
- 服务支持
  - 常见问题列表
  - 文档资料列表
  - 联系信息
- 关于我们
  - 公司基本信息
- 搜索页
  - 使用Meilisearch作为搜索引擎进行搜索

## 安装与设置

> [!NOTE]
> 本项目默认使用pnpm作为包管理器

1. 克隆项目仓库：

```bash
git clone http://192.168.84.125/remilia/jinshen-website.git
```

2. 进入项目目录：

```bash
cd jinshen-website
```

3. 安装依赖

```bash
pnpm install
```

4. 运行开发环境

```bash
pnpm run dev
```

5. 访问开发环境

通过http://localhost:3000访问前端服务

### 配置说明

项目用到以下环境变量，请自行在项目中配置

> [!note] 相关环境变量
> NUXT_PUBLIC_DIRECTUS_URL: 后端Directus服务URL
> NUXT_PUBLIC_DIRECTUS_TOKEN: 后端Directus服务的API Token
> MEILI_HOST: Meilisearch服务地址
> MEILI_SEARCH_KEY: MeilisearchKey

## 构建与部署

1. 构建生产版本

项目构建

```bash
pnpm run build
```

预览构建版本

```bash
pnpm run preview
```

2. 部署

部署构建后的项目并推送到文件服务器中，具体步骤视服务器配置而定

## Dockerfile部署

1. 构建Docker镜像

在项目根目录执行docker build

```bash
docker build -t jinshen-website .
```

2. 运行docker容器

```bash
docker run --name <container-name> jinshen-website
```

网站默认在3000端口开放