2.mall4vs-bbc和mall4vp-bbc项目的搭建.md 3.0 KB

mall4vs-bbc:v代表vue项目、s代表商家端,是后台管理员界面使用的前端项目,因为前后端分离的

mall4vp-bbc:v代表vue项目、p代表平家端,是后台管理员界面使用的前端项目,因为前后端分离的

在本地打包完成后上传到服务器!!!!

安装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": { // 删除此项
        ...
    }
}

修改配置文件,连接后台

具体配置方式请参考2.mall4vs-bbc和mall4vp-bbc项目的搭建

打包,上传到服务器

  1. 使用 npm run build 命令对项目进行打包
  2. 将步骤1中生成的dist 文件夹中的文件,压缩,上传到服务器nginx指定好的目录(/nginx/conf.d/b2b2c-multishop.conf ),解压

b2b2c-multishop.conf

    location / {
        # 商家端vue项目的路径存放到这里 C://bbc-shop/html/b2b2c-multishop
        # 这个路径就是服务器的物理路径
        root C://bbc-shop/html/b2b2c-multishop;
    }

b2b2c-platform.conf

location / {
    # 平台端vue项目的路径存放到这里 C://bbc-shop/html/b2b2c-platform
    # 这个路径就是就是服务器的物理路径
    root C://bbc-shop/html/b2b2c-platform;
}

部署到二级目录

以平台端为例,假设平台端需要部署到 /platform,即访问域名为 https://xxx.xx/platform 则修改nginx 配置

location /platform {
   ...
}

初始账号密码

1.平台端账号:admin 密码:123456

2.商家端账号:13000000000 密码:123456

登录平台端进行配置

登录平台端,依次点击系统配置 -> 后台配置

  1. 修改api接口域名正式环境域名(api项目的域名),否则无法收到微信支付回调,从而订单变为支付成功的状态

  2. 修改商家端接口域名(非vue路径,java接口路径) 正式环境商家端后台接口的请求地址(如果按照了我们的nginx配置进行跨域配置,那么需要修改多一个/apis否则会请求到前端),否则无法收到微信退款回调,从而订单变为退款成功的状态

  3. 修改平台端接口域名(非vue路径,java接口路径) 为正式环境平台端后台接口的请求地址

  4. 文件资源服务器域名 这里的域名和 VUE_APP_RESOURCES_URL = 'https://img.mall4j.com/'' 这里写的是一样的