启动BladeX开发平台前端框架Saber(基于Vue)

安装依赖

框架需要使用 yarn install来安装依赖

使用命令之后会有一个报错不用担心这个报错是scss的安装报错需node-sass -v来安装

由于安装的是高版本的node.js所以需要这行代码来解决node的兼容问题

set NODE_OPTIONS=--openssl-legacy-provider

然后正常输入npm run serve来启动项目

依赖安装之后

如果后端服务不在本机而是在同事电脑上这时候就需要更改api封装的接口地址

在文件vue.config.js里如下提示更改

  devServer: {
    // 端口配置
    port: 70,
    // 反向代理配置
    proxy: {
      '/api': {
        target: 'http://192.168.1.70:8080',//更改这里的地址为同事的ip地址
        ws: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    }
  }
}

此时登陆页面就会不再报错可以正常登陆进去看到里面的页面开始操作

注意：如果项目已经启动需要重新跑一次项目

后续

代码生成

进入到页面之后首先由后端开发先来配置生成页面（当然这个是因为需要配置数据库，建表之类的）

注意：如果是本机的话前端代码生地址在项目文件夹即可，如果是在同事电脑上的话需要生成在桌面里然后压缩后发给前端

生成页面之后（拿到后端来的文件夹）文件夹之中有一个src的文件夹里面就是生成的页面

这时候就会需要把src下api和view的文件夹里面的文件夹拖动到项目中的api和src目录下

在页面的.vue文件中api的地址不正确会引起报错所以需要手动引入一下../../aip/xxx/xxx以这样的形式来重新引入

然后进入到配置菜单页面配置菜单的位置配置好了以后到权限管理页面选择身份把刚刚添加的页面勾选上页面就展示出来了