纯前端vuecli项目如何通过jenkins进行自动化部署并使用mock接口？

配置jenkins，在新建的任务中添加源代码管理，选择git，填写仓库地址和分支。
在“构建环境”中勾选“Provide Node & npm bin/folder to PATH”，确保构建前环境中有node和npm。
在“构建”中添加“Execute shell”步骤，并填写以下脚本：

npm install
npm run build

在“执行构建后操作”中选择“部署到Apache Tomcat”（或其他不同的服务器，根据实际情况选择），填写部署目录等信息，点击“高级”按钮，在“部署方式”中选择“WAR file”，在“WAR/EAR files”中填写路径为“dist/*.war”，并在“Context path”中填写项目名。
在vue.config.js中配置devServer.proxy，指向mock接口。
提交代码到仓库中，触发jenkins的构建。
构建完成后，在Tomcat中查看部署情况并访问项目，验证mock接口能否正常使用。

本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。

展开更多

开发者特惠

面向开发者的云福利中心，ECS 60元/年，域名1元起，助力开发者快速在云上构建可靠应用

ECS首年60元

社区干货

我们先来看一下前端模块化的发展历程。### **模块化的发展历程**- 早期“假“模块化时代- 规范标准时代- ES 原生时代### **立即执行函数 IIFE 模式**> 在早期,实现模块化最常见的手段就是通过立即执行函数(IIFE) ,构造一个私有作用域,再通过闭包(从某种角度上看,闭包简直就是一个天生解决数据访问性问题的方案),将需要对外暴露的数据和接口输出。我们称之为**IIFE 模式**```const module = (function(){ ...

得物API元数据中心探索与思考

那么前端就很难基于过时的文档进行数据Mock。如果平台大多数的文档都存在更新不及时的问题,那其他的平台也很难把平台的API文档作为有效信息使用。# 二、Mooncake API文档维护为了解决文档的维护问题,得物技术部... 并从文档组织规范、文档生成效率等方面做了大量的尝试。 ## API文档组织规范平台用户对于接口文档的存储管理、交付时间和交付质量均有一定的诉求。平台通过规范的方式统一起来,建立接口文档项目和目录组织规范...

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选

￥1.00/首年起32.00/首年起

立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗，加速分发更实惠

￥2.00/年20.00/年

立即购买