接口测试之基于SaaS平台的iHRM项目的前端部署配置（踩坑版）

原创 已于 2023-07-17 09:28:10 修改 · 940 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #postman #接口测试

于 2023-07-16 17:57:11 首次发布
本文介绍了在SaaS平台的iHRM项目前端部署过程中遇到的Node.js版本兼容性和npm安装问题的解决方案。作者建议下载旧版Node.js，避免最高版本的配置问题，并提供了详细步骤，包括全局安装windows-build-tools，使用特定命令安装和重建node-sass及mockjs，确保在没有node_modules文件夹的情况下执行npminstall。此外，文章还提及了cnpm的安装和使用，以及在部署失败时清理node_modules目录的提示。

基于SaaS平台的iHRM项目的前端部署配置

关于部署可以参考基于SaaS平台的iHRM项目的前端部署教程博客
但本人在参考配置的过程中遇到了很多问题…于是写下这篇博客

下载安装node.js

可以访问https://nodejs.org/en下载安装
但可能有时候会出现版本兼容性问题（本人采用最高版本配置时配置不上）
于是可以在这个网址https://nodejs.org/en/download/releases里面去下载旧版本
这里我下载的是如下版本
在这里插入图片描述
然后下载对应windows系统的.msi文件
在这里插入图片描述
下载完成之后，双击进行安装，一直next就可以了。
安装完成之后，可以在终端查看安装的版本
在这里插入图片描述

3.从Git上下载项目

按照基于SaaS平台的iHRM项目的前端部署教程博客中的方法
打开

最低0.47元/天 解锁文章
lxzysx
关注
基于SaaS平台的iHRM管理系统测试学习
qq_45884215的博客
06-25 1155
新增测试用例集，新增功能模块，新增请求（1,2中的内容，包括请求方法，请求url，请求行，请求头，请求体），测试用例集的导出，测试用例集的导入。4）在 postman的 控制台，查看 发送的 http请求 view->show Postman Console。应用于多个http请求之间，有数据关联和依赖关系时，将前一个接口获取的数据传递给下一个接口。A,B接口依赖数据（登录接口与添加员工接口）登录接口->获得令牌->添加员工信息。3）A接口获得全局变量的值，进行http请求。1）获得时间戳，传递给变量。
1.IHRM人力资源后台 - 项目搭建
最新发布
weixin_51351637的博客
01-15 2823
我们只暴露两个属性说明我们项目的VUEX都放在modules模块中，而getters是向外暴露一些便捷的访问属性，并没有我们常见的state、mutation和action。在router目录index.js文件中地址对应组件，对应的组件就是路由器组件，在views目录中。我们将上面的图标进行使用的时候还需要借助一个组件，此组件已经将图标注册好了，图标就可以正常显示了。一个地址对应一个组件，但一个组件可能会对应多个地址。所以说我们的getters只是做了一个便捷访问，更便捷的访问模块中的属性。
saas-ihrm工程搭建
王和平的第三个果园
10-16 503
构建父工程 构建公共子模块 搭建公共的实体类模块
安装node-sass正确姿势
全栈开发者的博客
01-29 1273
windows下面安装node-sass，确实令人头痛，正确姿势如下： 1、npm或yarm指定淘宝镜像 查看镜像 # npm命令 npm config get registry # yarn命令 yarn config get registry 修改为淘宝镜像 # npm命令 npm config set registry http://registry.npm.taobao.org/ # yarn命令 yarn config set registry http://registry.np
IHRM部署和搭建--前端
weixin_45056141的博客
07-09 4241
IHRM人力资源系统的搭建和部署
精选资源
javaiHRM人力资源管理系统项目实战视频教程
09-18
iHRM是一款基于SaaS平台的人力资源管理系统， 企业通过该系统可以完成员工管理、审批管理、考勤管理、社保公积金管理、薪资管理等功能，为企业的人力资源管理提供一站式解决方案。 掌握的核心能力： 　1、能够了解...
黑马程序员软件测试实战项目
技术专家
12-02 4243
黑马程序员软件测试实战项目
HR-Saas（二）：登录模块
weixin_44808327的博客
03-18 1096
线上地址 本章节，我们将在现有模板的基础上，完成如图的登录模块的功能 设置固定的本地访问端口和网站名称 目标: 设置统一的本地访问端口和网站title 在正式开发业务之前，先将项目的本地端口和网站名称进行一下调整 本地服务端口: 在**vue.config.js**中进行设置 vue.config.js 就是vue项目相关的编译，配置，打包，启动服务相关的配置文件，它的核心在于webpack，但是又不同于webpack，相当于改良版的webpack， 文档地址 如图，是开发环境服务端口的位置 我们
sass-ihrm权限管理与jwt鉴权
王和平的第三个果园
10-21 537
权限管理 权限实体类 Permission 权限菜单实体类 PermissionMenu 权限菜单（权限点）实体类 PermissionPoin 权限API实体类 PermissionApi 持久层 /** * 权限数据访问接口 */ public interface PermissionDao extends JpaRepository<Permission, String>, JpaSpecificationExecutor<Permission> { List
基于SaaS平台的iHRM项目的前端部署教程
ArvinYL
02-27 1315
1.下载安装node.js 访问https://nodejs.org/en/，然后下载安装即可 2. 查看是否安装成功 打开cmd命令行，输入node -v 如果出现对应的版本号，即为安装成功 3.从Git上下载项目 打开https://github.com/Han-YLun/SaaS_IHRM_Vue，将项目下载下来 可以导入到编译器中，我这边选择的是VsCode 4.运行项目 在终端中分别输入下面命令，用于安装所需的依赖包 cnpm install cnpm install mockjs npm
传统行业解决方案SaaS-IHRM项目（1-12）
07-01
传统行业解决方案SaaS-IHRM项目，1.activiti7工作流引擎，2.saas-hrm系统概述与搭建
sass-ihrm流程部署
王和平的第三个果园
08-18 369
1环境搭建 2流程部署
Vuex前端saas人力资源中台管理项目第三天 路由页面和组织架构、角色
fegus的博客
04-25 1952
路由页面整理 目标 删除基础模板中附带的多余页面 基础模板帮我们提前内置了一些页面，本章节我们进行一下整理 首先，我们需要知道类似这种大型中台项目的页面路由是如何设置的。 简单项目 当前项目结构 为什么要拆成若干个路由模块呢？ 因为复杂中台项目的页面众多，不可能把所有的业务都集中在一个文件上进行管理和维护，并且还有最重要的，前端的页面中主要分为两部分，一部分是所有人都可以访问的， 一部分是只有有权限的人才可以访问的，拆分多个模块便于更好的控制 静态路由和动态路由 **注意**这里的动态路由并不
Vuex前端saas人力资源中台管理项目第一天 vuex介绍和项目基础环境
fegus的博客
04-25 1393
vuex基础-介绍 为什么会有Vuex ? ​ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用**集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测**的方式发生变化。 vuex是采用集中式管理组件依赖的共享数据的一个工具，可以解决不同组件数据共享问题。 结论 修改state状态必须通过**mutations** **mutations**只能执行同步代码，类似ajax，定时器之类的代码不能在mutations中执行 执行异步代码，要通过actions
Vuex前端saas人力资源中台管理项目第二天 登录和主页模块
fegus的博客
04-25 4211
登录模块 线上地址 本章节，我们将在现有模板的基础上，完成如图的登录模块的功能 设置固定的本地访问端口和网站名称 目标: 设置统一的本地访问端口和网站title 在正式开发业务之前，先将项目的本地端口和网站名称进行一下调整 本地服务端口: 在**vue.config.js**中进行设置 vue.config.js 就是vue项目相关的编译，配置，打包，启动服务相关的配置文件，它的核心在于webpack，但是又不同于webpack，相当于改良版的webpack， 文档地址 如图，是开发环境服务端口的位置
saas-ihrm审批中心
王和平的第三个果园
08-19 425
1流程定义列表查询 流程定义表 act_re_procdef 2流程定义的挂起与激活 3业务流程环境搭建 4审批列表查询 5审批详情 6发起申请 7提交申请
SaaS-IHRM 项目-Activiti7基础原理与使用 工作流引擎 工作流使用
kai46385076的专栏
06-07 6035
第1章 什么是工作流 1.1工作流介绍 工作流(Workflow)，就是通过计算机对业务流程自动化执行管理。它主要解决的是“使在多个参与者 之间按照某种预定义的规则自动进行传递文档、信息或任务的过程，从而实现某个预期的业务目标， 或者促使此目标的实现”。 1.2工作流系统 一个软件系统中具有工作流的功能，我们把它称为工作流系统，一个系统中工作流的功能是什 么？就是对系统的业务流程进行自动化管理，...
项目打包上线部署
爱蹦哒的咸鱼的博客
02-28 511
项目打包上线部署
saas-ihrm部门管理、用户管理、角色管理
王和平的第三个果园
10-17 609
部门管理 数据库表设计 CREATE TABLE `co_department` ( `id` varchar(40) NOT NULL, `company_id` varchar(255) NOT NULL COMMENT '企业ID', `parent_id` varchar(255) DEFAULT NULL COMMENT '父级部门ID', `name` varchar(255) NOT NULL COMMENT '部门名称', `code` varchar(255) NOT NULL COMME
基于Activiti7的SaaS-IHRM项目工作流引擎详解
SaaS-IHRM项目-Activiti7讲义（基础部分）1 工作流是指通过计算机对业务流程自动化执行管理的过程。它主要解决的是在多个参与者之间按照某种预定义的规则自动进行传递文档、信息或任务的过程，从而实现某个预期的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值