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

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

站点内容

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

安装与设置

Note

本项目默认使用pnpm作为包管理器

1. 克隆项目仓库：

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

2. 进入项目目录：

cd jinshen-website

3. 安装依赖

pnpm install

4. 运行开发环境

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. 构建生产版本

项目构建

pnpm run build

预览构建版本

pnpm run preview

2. 部署

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

Dockerfile部署

1. 构建Docker镜像

在项目根目录执行docker build

docker build -t jinshen-website .

2. 运行docker容器

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

网站默认在3000端口开放