在springboot下部署多个vue项目,只需要将vue打包成静态文件后,将其放在resources的静态文件夹下即可. 如下图:static目录下有三个vue的静态文件夹,分别为运营后台(admin).企业后台(company).网站前端(www) 访问地址: 运营后台:http://ip:port/admin/index.html 企业后台:http://ip:port/company/index.html 网站前端:http://ip:port/front/index.html

idea中springboot热部署(无需重启项目) 1.在pom.xml文件中导入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <optional>true</optional> </dependency> 2.配置idea 点击idea->

本次分为3个脚本, scp.sh放进第一台机器(负责传输文件), schenglee.sh放进第一台机器(自动部署), schenglee2.sh放进第二台机器(自动部署) 环境 tomcat1: 192.168.137.176 tomcat2: 192.168.137.177 脚本 scp.sh #!/usr/bin/expect #************************************************************************* # > Fil

就做个记录吧, 其实也没啥好说的. 主机 #!/bin/bash TODAY=$(date -d 'today' +%Y-%m-%d-%S) MIP="192.168.180.24" LIP="192.168.180.25" user="mcdadm" pathN="/home/mcdadm/apache-tomcat-9.0.14" echo "即将实现自动部署操作,脚本运行后请稍等几秒,部署成功会自动提醒&quo

我又来了,今天部署了下vue项目,使用nginx做了代理,这样可以解决跨域的问题,这里做一个简单讲解. 1.先看vue项目打包(我这里使用的是vscode开发工具) 这里是我的项目结构: 打包之前需要修改如下配置文件: 配置文件一:build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题) 配置文件二:config>>index.js(修改assetsPublicPath:'./' ,修改目的是为了

作者:故事我忘了￠个人微信公众号:程序猿的月光宝盒 SpringBoot热部署两种方式 1.SpringLoader 插件 ​ 缺点: Java 代码做部署处理.但是对页面无能为力. 2.DevTools 工具 ​ 可以全自动化部署 SpringLoader 与 DevTools 的区别: SpringLoader:在部署项目时使用的是热部署的方式. DevTools: 在部署项目时使用的是重新部署的方式 第二种准确的说是重新部署,本篇博客主要介绍第二种,所以本文是用"热" DevTo

公司写的网站要英文和中文的,所以就写了两个项目,都是用vue写的单页面项目,但是域名只有一个,所以就想把两个vue项目合并到一个域名下面.思考:vue的页面都是单页面应用,说白了就是一个index.html,通过锚点来跳转,所以通过路径来实现两个网站的跳转,方法可行. vue配置 1.config/index.js,修改 assetsPublicPath: '/en/' 2. src/router/index.js文件修改,添加 base: '/en/' 3.网站文件效果 4.www.test.

1 # 一.Vue路由器的两种工作模式 2 # 1.对于一个uri来说,什么是hash值? 井号及其后面的内容就是hash值. 3 # 2.hash值不会包括含在HTTP请求中,即:hash值不会带给服务器(只是前端浏览器自己使用). 4 # 3.hash模式: 5 # .地址中永远带井号,不美观. 6 # .若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标记为不合法 7 # .兼容性好 8 # 4.history模式: 9 # .地址干净,美观 10 # .针对一些老的浏览

我的环境 * JDK 1.8 * maven 3.6.0 * node环境 1.为什么需要前后端项目开发时分离,部署时合并? 在一些公司,部署实施人员的技术无法和互联网公司的运维团队相比,由于各种不定的环境也无法做到自动构建,容器化部署等.因此在这种情况下尽量减少部署时的服务软件需求,打出的包数量也尽量少.针对这种情况这里采用的在开发中做到前后端独立开发,打包时在后端springboot打包发布时将前端的构建输出一起打入,最后只需部署springboot的项目即可,无需再安装nginx服务器 在

Vue项目搭建与部署 一,介绍与需求 1.1,介绍 Vue  是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue两大核心思想:组件化和数据驱动.组件化就是将一个整体合理拆分为一个一个小块(组件),组件可重复使用:数据驱动是前端的未来发展方向,释放了对DOM的操作,让DOM随着数据的变化自然而然的变化(尤神原话),不必过多的关注DOM,只需要将数据组织好即可. vue的UI组件库 1,移动端有 (1),cube-ui是一个基于 Vue.js 实

Vue项目部署问题及解决方案 Vue-Router 有两种模式,默认是 hash 模式,另外一种是 history 模式. hash:也就是地址栏里的 # 符号.比如 http://www.example/#/hello,hash 的值为 #/hello.特点:hash 虽然出现 URL 中,但不会被包含在 HTTP 请求中,对后端不会产生什么影响,改变 URL 不会重载页面. history:利用了 HTML5 History Interface 中新增的 pushState() 和 repl

写在前面 Vue-Router 有两种模式,默认是 hash 模式,另外一种是 history 模式. hash:也就是地址栏里的 # 符号.比如 http://www.example/#/hello,hash 的值为 #/hello.特点:hash 虽然出现 URL 中,但不会被包含在 HTTP 请求中,对后端不会产生什么影响,改变 URL 不会重载页面. history:利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState()

SpringBoot热部署方式一共有两种,分别使用两种不同的依赖 SpringBoot 1.3后才拥有SpringBoot devtools热部署 ①:spring-boot-devtools   ②:Spring Loaded 方式一: 在项目的pom文件中添加依赖: <!--热部署jar--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring

1. 下载 wget http://nginx.org/download/nginx-1.12.2.tar.gz 2. 解压缩 tar -zxvf linux-nginx-1.12.2.tar.gz cd nginx-1.12.2/ 3. 执行配置 ./configure 4. 编译安装 make make install 5. 启动 nginx /usr/local/nginx/sbin/nginx 访问服务器Ip即可进入welcome to Nginx页面,说明配置成功 5. 部署vue项目

nginx是一个高性能的HTTP和反向代理服务器.因此常用来做静态资源服务器和后端的反向代理服务器.本文主要记录使用nginx去部署使用vue搭建的前端项目,项目基于vue官方的脚手架vue-cli构建. 打包vue项目 npm run build 通过上面命令后打包好的静态资源将输出到dist目录中.如图所示  安装nginx 到nginx官方下载系统相关的nginx版本安装 windows环境 下载相应的windows版本解压,解压后如图所示 启动命令: cd D:\ProgramFiles

docker 运行jenkins及vue项目与springboot项目: 一.安装docker 二.docker运行jenkins为自动打包运行做准备 三.jenkins的使用及自动打包vue项目 四.docker运行nginx 五.jenkins打包springboot服务且在docker中运行 1.已经安装docker 2.更改docker镜像源,并重启docker `vi /etc/docker/daemon.json` 添加 {"registry-mirrors" : [&qu

阿里云安装Nginx+vue项目部署 nginx安装包下载 http://nginx.org/en/download.html nginx安装 首先先安装PCRE pcre-devel 和Zlib,因为配置nginx的时候会需要这两个东西 PCRE(Perl Compatible Regular Expressions) 是一个Perl库,包括 perl 兼容的正则表达式库.nginx 的 http 模块使用 pcre 来解析正则表达式,所以需要在 linux 上安装 pcre 库,pcre-d

基于 vue-cli 2 实现,vue 多模块.vue多项目集成工程 Github项目地址 : https://github.com/BothEyes1993/vue-multi-module 目标:多模块集成的vue项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署 使用业务场景 1.如果项目可能有对应多个不同UI界面;对于这样的场景你可能首先会想到,用样式主题就可以实现,基本的样式或者换肤是可以通过样式实现.但如果要实现更复杂的,比如不同两套UI的界面可能功能显示及样式都有差别,那就

一.购买云服务器 我是今年双十一期间在阿里云购买的服务器, 简单配置2核_4G_40G_3M,三年用了不到800块,不过当时我记得腾讯云更便宜,个人感觉,阿里的云服务器更加的稳定, 毕竟身经百战, 经过了这么多次双十一的考验, 可是就在我昨天支付宝崩了,打脸.....自己玩的话建议同类型的服务器,买便宜的,因为买了后就是不小心忘了, 放到那里了,也不会心太痛.好了,我们现在就去服务器上耍耍. 二.安装docker 这是我的上一篇安装过程,亲测可用 https://www.cnblogs.com/

目录 SpringBoot 监控 概述 使用 SpringBoot Admin 概述 使用 SpringBoot 项目部署 SpringBoot 监控 概述 SpringBoot 自带监控功能 Actuator,可以帮助实现对程序内部运行情况监控,比如监控状况.Bean 加载情况.配置属性.日志信息等. 使用 使用步骤: 导入依赖坐标: <dependency> <groupId>org.springframework.boot</groupId> <artifa