一.项目准备 1.新建一个vue的项目,确保能在浏览器正常访问.然后在项目的根目录下新建一个Dockerfile的文件,内容如下 FROM nginx COPY dist /usr/share/nginx/html/ COPY nginx.conf /etc/nginx/nginx.conf 2.在根目录下创建一个nginx.conf,内容如下 worker_processes 1; events { worker_connections 1024; } http { include mime.

nginx + uwsgi 部署 Django+Vue项目 windows 本地 DNS 解析 文件路径 C:\Windows\System32\drivers\etc 单机本地测试运行方式,调用django第三方的wsgifef单机模块,性能很低 python3 manage.py runserver 0.0.0.0:8000 使用uwsgi 去启动django项目,支持并发更多 准备前后端代码 先从vue前端搞起 解决node环境 更改vue发送请求的接口地址, 这个vue发送的地址,应该是

jenkins是devops神器,本篇文章介绍如何安装和使用jenkins部署Spring Boot项目 jenkins搭建 部署分为三个步骤: 第一步,jenkins安装 第二步,插件安装和配置 第三步,Push SSH 第四步,部署项目 第一步 ,jenkins安装 准备环境: JDK:1.8Jenkins:2.83 Centos:7.3maven 3.5‘ jdk默认已经安装完成 配置maven 版本要求maven3.5.0 软件下载 wget http://mirror.bit.edu.

团队开发前端VUE项目代码规范 2018年09月22日 20:18:11 我的小英短 阅读数 1658   一.规范目的: 统一编码风格,命名规范,注释要求,在团队协作中输出可读性强,易维护,风格一致的代码 二.开发SRC目录: 1.Vuex目录 (状态树配置) 2.Router目录(路由配置) 3.Pages目录 (放置主路由组件 注意命名规范) 4.Common目录 (放置静态文件) 5.Config目录 (全局配置项,路由拦截,报错信息,等枚举信息) 6.Api目录 ( 相关全局请求调用配

部署Jenkins参照另一篇博客: centos7安装Jenkins及其卸载 一.jenkins相关插件的安装 1.安装Publish Over SSH插件用于SSH连接远程的服务器. 登录 jenkins 管理系统首页,打开“系统管理”--“管理插件”  搜索 Publish Over SSH 然后勾选安装 2.安装 NodeJs插件 用于vue项目打包构建. 打开“系统管理”--“管理插件”  搜索 nodejs 然后勾选安装 打开“系统管理”--“Global Tool Configura

一.geetest滑动验证 geetest官方文档地址:https://docs.geetest.com/ 产品——极速验证:基于深度学习的人机识别应用.极验「行为验证」是一项可以帮助你的网站与APP识别与拦截机器程序批量自动化操作的SaaS应用.它是由极验开发的新一代人机验证产品,它不基于传统“问题-答案”的检测模式,而是通过利用深度学习对验证过程中产生的行为数据进行高维分析,发现人机行为模式与行为特征的差异,更加精准地区分人机行为. 1.web部署介绍 客户端官方文档:https://doc

近段时间 做了一些前后端的开发 需要在Tomcat里进行发布    把自己整理的分享出来 后端打包 pom.xml 文件 <packaging>war</packaging> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-tomcat</artifactId> <scope>pro

目录 1. 创建 item 2. 配置 3. 构建 1. 创建 item 接下来填写创建任务的名字,并选择创建一个 Freestyle project ,点击确认. 2. 配置 接下来进入到项目相关配置页: 2.1 general: 项目描述随意填写. 2.2 源码管理: 用的是git管理代码的.所以这里我选择的是git. 然后填写远程git仓库的url,和账号.分支选择需要操作分支.这里默认给master 关于 url 下面的 Credentials :这个是远程代码库的账号和密码.由于我的g

1.vue项目打包 npm run build 会在项目生成dist文件夹,这个文件夹可以使用nginx或tomcat来发布服务 2.查找nginx基础镜像 可以通过以下网站找到符合自己的基础镜像,我们等会儿会在基础镜像基础上构建自己的镜像. https://hub.docker.com/ 3.配置nginx 在项目根目录下创建nginx文件夹,该文件夹下新建文件default.conf(镜像里的配置文件为default.conf,自己安装的window或linux版配置文件为nginx.con

一.首页轮播图 1.elementUI走马灯 elementUI中 Carousel 走马灯,可以在有限空间内,循环播放同一类型的图片.文字等内容. 这里使用指示器样式,可以将指示器的显示位置设置在容器外部: <template> <el-carousel indicator-position="outside"> <el-carousel-item v-for="item in 4" :key="item">

公司前端写的后台部署到tomcat webapps目录下后,无法进行刷新,一刷新就会报错404,自动跳的404页面.在网上查了下,官方说是HTML5 History 模式引发的问题,但是解决方案中,并没有tomcat的解决方案.如链接:https://router.vuejs.org/zh-cn/essentials/history-mode.html 于是,我百度了下,找到了解决方案! 一.vue创建项目使用脚手架有两种方式 1.vue init webpack my 这种方式的项目打包,需要

操作步骤 1.用 Jenkins 管理员账号下载 NodeJS Plugin 2.系统管理 ---> 全局工具配置 ---> NodeJS ---> 安装 ---> 自动安装 ---> 选择版本 ---> Save 3.到构建任务里面 --> 配置 -- >构建--->执行Shell---> Send build artifacts over SSH ---> 保存 4.Jenkins 这台机器安装完nodejs 之后配置 npm conf

最近做项目,使用了前后端分离,后端代码是用maven构建的,前端之前没有了解过, 和开发稍微沟通了一下,开发提供了非常有用的信息, 只要搜索关键字 jenkins 构建 Vue,按照步骤操作,果然编译顺利成功. 如果你之前的项目都是一个jar包.war包的,没有分离,那么强烈推荐看一下下面的文章 测试人员需要了解一下开发人员一直在讲的前后端分离 下面说说前端代码构建步骤: 现在去新建job 下面进行配置 简单的流程,现在点[保存] 并进行构建,就可以构建成功了. 但是为了方便,我们将打包出来的t

war包的部署问题不大,这里记录jar包的部署过程: 1:jar包的体积过大问题 pom.xml参考以下配置(依赖包会分离到target/lib/,jar包体积由几十M缩小到几k) <build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-jar-plugin</artifactId> <confi

前端我刚开始接触Vue,从GitHub上下载了代码程序,但缺少一些插件,用vscode打开并下载插件执行报错cd() never called! 解决的方式 1.执行cmd命令行不要再vscode里执行,因为哪个不一定是管理人员模式打开的. 2.用管理员身份打开cmd命令行,目录定位到程序的文件上,随后执行npm cache clean -f清理一下. 3.随后再执行一下npm install它就成功了,而且正常下载,最后再执行一下npm run dev ,项目正常运行,OK了.说明还是得要管理

Jenkins Jenkins是一个开源软件项目,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能. Jenkins是基于Java开发的一种持续集成工具,用于监控持续重复的工作,功能包括: 持续的软件版本发布/测试项目. 监控外部调用执行的工作. 安装 操作系统Windows, 确保需要的.NET Framework已经安装. 从 http://jenkins-ci.org/下载Windows安装包. 安装后,访问http://localhost:8080,8080端口不要被占用. 配置

最近在做一些需求,需要下载一些文件信息,最频繁的就是下载excel文件到本地了 看过了很多方法,做个整理吧哈哈哈哈 参考的文章链接: https://www.cnblogs.com/jiangweichao/p/9620940.html https://www.jianshu.com/p/56680ce1cc97 https://www.cnblogs.com/jasmine-95/p/6054652.html https://www.cnblogs.com/duke-peng/p/886277

1.新建一个自由风格的项目 2.配置git 3.构建-增加构建步骤-执行shell cd $WORKSPACE npm install --registry=http://ip:port --unsafe-perm npm run build:prod current=`date "+%Y%m%d%H%M%S"` rm -rf auditcenter*.zip cd dist zip -r auditcenter.zip auditcenter mv auditcenter.zip .

一.加入购物车的两种策略 1.加入购物车接口 在 src/restful/api.js 中写入添加购物车接口: // 加入购物车的接口 export const shopCart = (params) => { return Axios.post('user/shop_cart/create/', params).then(res=>res.data) }; 2.添加Axios的请求拦截器 Axios 的拦截器:在请求或响应被 then 或 catch 处理前拦截它们,说明文档:Axios使用

一.项目初始化 创建webpack模板项目如下所示: MacBook-Pro:PycharmProjects hqs$ vue init webpack luffy_project ? Project name luffy_project ? Project description A Vue.js project ? Author hqs ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your cod

使用的工具是 XFTP5 XSHELL5 docker pull gmaslowski/jdk 拉取jdk docker images 查询下载的镜像ID (如:390b58b1be42) docker run -dit --network=hezhi --name=hzyy-web-server -v /data3/hzyy-web/server:/server -v /etc/timezone:/etc/timezone -v /etc/localtime:/etc/localtime -v