mall4vs-bbc和mall4vp-bbc项目的搭建.md 2.2 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": { // 删除此项
        ...
    }
}

修改配置文件,连接后台

修改 .env.development 连接后台。

假设你的服务器ip为192.168.1.120,也就是说你运行java项目的那台机器的开发环境,打开cmd 输入ipconfig 按回车的时候,看到的ipv4地址为192.168.1.120 当然这个ip也是假设的。

假设java运行的端口,,也就是PlatformApplication MultishopApplication 运行的端口是8088 8087,具体请看java项目中的application-dev.yml

那么开发环境的配置为

# 平台端默认是8088,商家端默认是8087
VITE_APP_BASE_API = 'http://192.168.1.120:8087'

# 客服webstock接口请求地址,,https对应wss,http对应ws,wukongim中间件的访问地址
VITE_APP_WS_IM_API = 'ws://192.168.1.120:5200'

前端本地地址

浏览器输入本机IP+端口号即可访问本地的页面,默认端口9528( 如http://192.168.1.99:9528) 修改根目录下vite.config.js 里面的port可自定义端口

  server: {
    host: true,
    port: 9527,
    open: true
  }

运行dev环境:

npm run dev

初始账号密码

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

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