mall4vs-bbc:v代表vue项目、s代表商家端,是后台管理员界面使用的前端项目,因为前后端分离的
mall4vp-bbc:v代表vue项目、p代表平家端,是后台管理员界面使用的前端项目,因为前后端分离的
在本地打包完成后上传到服务器!!!!
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项目的搭建
npm run build 命令对项目进行打包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
登录平台端,依次点击系统配置 -> 后台配置
修改api接口域名正式环境域名(api项目的域名),否则无法收到微信支付回调,从而订单变为支付成功的状态
修改商家端接口域名(非vue路径,java接口路径) 正式环境商家端后台接口的请求地址(如果按照了我们的nginx配置进行跨域配置,那么需要修改多一个/apis否则会请求到前端),否则无法收到微信退款回调,从而订单变为退款成功的状态
修改平台端接口域名(非vue路径,java接口路径) 为正式环境平台端后台接口的请求地址
文件资源服务器域名 这里的域名和 VUE_APP_RESOURCES_URL = 'https://img.mall4j.com/'' 这里写的是一样的