R2m1liA
2b3bf0f4a9
Some checks failed
deploy to server / build-and-deploy (push) Has been cancelled
# 补全docker部署部分
104 lines
1.8 KiB
Markdown
104 lines
1.8 KiB
Markdown
# 金申机械制造有限公司官方网站——前端服务
|
||
|
||
这是公司（金申机械制造有限公司）官网的前端服务。项目使用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端口开放
|