vue打包放到java中启动_Springboot+Vue打包部署总结
文章目录
一、Vue打包+部署
1. 打包(npm run build:prod)
2.nginx部署前端vue项目
二、Springboot打包+部署
1.打包(mvn clean package)
2.部署
三、大功告成!
一、Vue打包+部署
1. 打包(npm run build:prod)
打完之后会在src同级目录下生成dist文件下,点开index.html页面在浏览器打开,会发现报错
解决步骤:
打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件
其中dev是开发环境,build是构建版本,找到build下面的assetsPublicPath: ‘/’,然后修改为assetsPublicPath: ‘./’,即“/”前加点。
重新运行npm run build
2.nginx部署前端vue项目
把打完的dist文件夹拉至服务器(/home/laowang/lw-music/lw-music-client)
配置nginx.conf文件(/usr/local/webserver/nginx/conf/nginx.conf)
改下面2处地方
浏览器打开访问主机,看是否成功!
二、Springboot打包+部署
1.打包(mvn clean package)
mvn clean package,看到以下jar包即成功!
先在本地跑起来看是否能跑起来(java -jar ***)
启动命令为
//开发环境
java -jar ***.jar --spring.profiles.active=dev
//测试环境
java -jar ***.jar --spring.profiles.active=qa
//生产环境
nohup java -jar lw-music-server-0.0.1-SNAPSHOT.jar --spring.profiles.active=prod &
2.部署
把jar包拉到服务器
执行nohup java -jar lw-music-server-0.0.1-SNAPSHOT.jar --spring.profiles.active=prod
cat nohup 日志文件看控制台是否成功运行
修改nginx配置,使120.78.211.205/music所有请求全部转发到8150端口 location /music/{
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE_HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://120.78.211.205:8150/music/;
}
注意:nginx是如果匹配/music,则会把原有路径的/music截取掉,因此转发路径需要地址+匹配的路径
三、大功告成!
坑爹一幕:nginx默认会过滤掉请求header中包含下划线的属性,这次把我的token截取掉了,坑爹!!!
解决办法:在nginx的http配置中加入以下:默认是off(不允许下划线属性)
underscores_in_headers on;
vue打包放到java中启动_Springboot+Vue打包部署总结相关推荐
- 不允许使用java方式启动_细品 Java 中启动线程的正确和错误方式
细品 Java 中启动线程的正确和错误方式 前文回顾详细分析 Java 中实现多线程的方法有几种?(从本质上出发) start 方法和 run 方法的比较 代码演示:/** * * start() 和 ...
- vue打包后static中的文件未打包进去
在vue中未使用到的静态资源文件,例如:引用在index.html的js的(此处不知为何,vue打包认为其为未引用),后端返回才引用到的图片等文件. 目前只涉及到此两类,后续再补充. 打包时stati ...
- vue 项目引用static目录资源_SpringBoot+Vue从零开始搭建系统(三)前后端整合二
前端整合 前端代码 KwgcFooter.vue 页面底部 KwgcHeader.vue 页面头部 KwgcLogin.vue 用户名: 密码: 登录 登录验证情况: kwgcHeader.vue 这 ...
- vue打包放到Java项目里_【vue】webpack打包vue项目并且运行在Tomcat里面
在package.json里面是script加入脚本"publish": " webpack --config webpack.publish.config.js -p& ...
- vue打包放到Java项目里_如何把vuejs打包出来的文件整合到springboot里
这个需求不知道是不是合适,因为静态的vuejs项目,用nginx部署,听说很快. 一般有这个需求的,都是用tomcat来部署java项目,tomcat转发静态vuejs,应该不会很快. 好吧,以上都是 ...
- vue java实现登录_SpringBoot+Vue+Redis实现单点登录(一处登录另一处退出登录)
一.需求 实现用户在浏览器登录后,跳转到其他页面,当用户在其它地方又登录时,前面用户登录的页面退出登录(列如qq挤号那种方式) 二.实现思路 用户在前端填写用户信息登录后,后台接收数据先去数据库进行判 ...
- 线程组多次调用_详细分析 Java 中启动线程的正确和错误方式
start 方法和 run 方法的比较 代码演示: /** * * start() 和 run() 的比较 * * * @author 踏雪彡寻梅 * @version 1.0 * @da ...
- java 中启动线程的正确方式
启动线程的正确方式是运行Thread类中的start()方法,使用run()方法只不过是运行了一个普通方法而已. 线程对象在初始化之后,由当前线程(主线程)执行的start()方法,然后去告诉jvm虚 ...
- 线程启动语句的顺序是否决定线程的执行次序。_详细分析 Java 中启动线程的正确和错误方式
start 方法和 run 方法的比较 代码演示: /** * * start() 和 run() 的比较 * * * @author 踏雪彡寻梅 * @version 1.0 * @date 202 ...
最新文章
- SCOM2012R2 (5) MONITOR WINDOWS OF WORKGROUP
- 关于学习Python的一点学习总结(13->浅复制和深复制)
- aapt: error while loading shared libraries: libstdc++.so.6: wrong ELF class: ELFCLASS64
- 25接口之间的单继承
- 架构师小跟班:如何高效又安全的清理Linux服务器上的缓存?
- 七点讲透分布式架构的前世今生,面试官都不知道的概念来了
- cron 每月最后一个自然日_日乙前瞻:鹿岛樱花谁能冲击亚冠,浦和红钻能否守住最后一个主场...
- 首个 Ubuntu 平板将于今年秋天面世
- 记一下vue.js事件的修饰等问题
- Halcon学习笔记之OCR系列-喷码字体识别
- 解决win10系统alt+tab切换程序不显示程序缩略图问题
- 企业提供下载链接的安全解决方案
- jnlp文件服务器数据提取,jnlp 项目示例
- JSOI2008 小店购物
- 谷歌 Jason Wei | AI 研究的 4 项基本技能
- 《读书是一辈子的事》中篇 了解未来
- 安装CAD出现Error:1402
- 什么是死锁?死锁的预防?
- java解析pdf获取pdf中内容信息
- 浅谈立体匹配中的新式应用场景