tmerclub-doc/生产环境搭建/tmerclub-multishop、tmerclub-platform和tmerclub-slipper生产环境搭建.md
2025-03-23 20:32:33 +08:00

2.5 KiB
Raw Blame History

tmerclub-multishoptmerclub-multishop代表 商家端,是后台管理员界面使用的前端项目,因为前后端分离的

tmerclub-platformtmerclub-platform代表 平台端,是后台管理员界面使用的前端项目,因为前后端分离的

tmerclub-slippertmerclub-slipper代表 供应商端,是后台管理员界面使用的前端项目,因为前后端分离的

安装nodejs

NodeJS 项目要求最低 18.12.0,推荐 20.9.0

如果不了解怎么安装nodejs的可以参考 菜鸟教程的nodejs相关

安装依赖

项目要求使用 pnpm 包管理工具

使用编辑器打开项目,在根目录执行以下命令安装依赖

pnpm install

如果不想使用 pnpm请删除 package.json 文件中 pnpm 相关内容后再进行安装

{
    "scripts" : {
        "preinstall": "npx only-allow pnpm"  // 删除此行
    },
    "engines": {
        "pnpm": ">=7"  // 删除此行
     },
    "pnpm": { // 删除此项
        ...
    }
}

修改配置文件,连接后台

修改根目录下的.env.production

  • 以下域名,接口为示例,请结合申请的域名,接口进行修改

  • 平台和商家端的 VITE_APP_BASE_API 为各自域名接口地址,请做相应的变更

# base api 线上服务端接口地址
VITE_APP_BASE_API = 'https://cloud-admin.mall4j.com'

# 客服
VITE_APP_WEBSOCKET_URL = 'wss://cloud-api.mall4j.com'

# 访问文件存储资源的url 对应阿里云的Bucket域名
VITE_APP_RESOURCES_URL = 'https://tmerclub.oss-cn-shenzhen.aliyuncs.com'

# 腾讯地图key
VITE_APP_MAP_KEY = ''

如需部署在二级目录下,需要修改以下配置

假设部署在 admin 目录,即访问的地址为 https://xxxx.xxx/admin

  1. 路由配置 router/index.js

    const router = createRouter({
      // createWebHistory 传入字符串参数目录配置:/目录名/
      history: createWebHistory('/admin/'),
    })
    
  2. 项目配置 vite.config.js

    export default defineConfig({
      // 添加此项配置
      base: '/admin/',
    })
    
  3. nginx 配置

    location /admin {
        try_files $uri $uri/ /admin/;
    }
    

打包上传

npm run build

静心等待等打包结束后前往根目录下找到dist文件夹打开文件所在资源器将文件夹添加到压缩包部署到服务器上