2.5 KiB
2.5 KiB
tmerclub-multishop:tmerclub-multishop代表 商家端,是后台管理员界面使用的前端项目,因为前后端分离的
tmerclub-platform:tmerclub-platform代表 平台端,是后台管理员界面使用的前端项目,因为前后端分离的
tmerclub-slipper:tmerclub-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
-
路由配置 router/index.js
const router = createRouter({ // createWebHistory 传入字符串参数目录配置:/目录名/ history: createWebHistory('/admin/'), })
-
项目配置 vite.config.js
export default defineConfig({ // 添加此项配置 base: '/admin/', })
-
nginx 配置
location /admin { try_files $uri $uri/ /admin/; }
打包上传
npm run build
静心等待,等打包结束后前往根目录下找到dist文件夹,打开文件所在资源器,将文件夹添加到压缩包部署到服务器上