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

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

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

## 安装nodejs

[NodeJS](https://nodejs.org/) 项目要求最低 18.12.0，推荐 20.9.0

如果不了解怎么安装nodejs的，可以参考 [菜鸟教程的nodejs相关](https://www.runoob.com/nodejs/nodejs-install-setup.html)



## 安装依赖

项目要求使用 [pnpm](https://www.pnpm.cn/) 包管理工具

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

```bash
pnpm install
```

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

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



## 修改配置文件，连接后台

具体配置方式请参考[2.mall4vs-bbc和mall4vp-bbc项目的搭建](../linux环境(生产环境搭建)/2.mall4vs-bbc和mall4vp-bbc项目的搭建.md)




### 打包，上传到服务器

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



`b2b2c-multishop.conf`

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



`b2b2c-platform.conf`

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



#### 部署到二级目录

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

```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/''` 这里写的是一样的