vue 一个简单的项目 之四 最终 打包上线

当做vue 项目上线的时候。

首先,进入项目的根目录,运行命令 npm run build

之后,vue-cli 会对项目中的src 下的文件进行打包编译,生成一个能被浏览器运行的代码,同时这个代码也是压缩过后的代码。

编译完成后,在项目根目录下,会多出一个dist 目录,这个目录包含的东西,就是我们最终要上线的代码。

把这个文件给后端。后端将他们放到后端服务器上,就可以。

vue与springboot分离开发的项目打包上线可以分为以下几个步骤: 1. 打包vue项目:在vue项目根目录下,使用命令行运行`npm run build`,该命令会在项目根目录下生成一个dist目录,里面包含了打包后的静态文件。 2. 拷贝vue打包文件:将打包生成的dist目录中的所有文件拷贝到springboot项目的静态资源目录下,一般是springboot项目的resources/static目录。 3. 在springboot中启动vue静态资源:在springboot项目的Controller中新增一个RequestMapping,使其映射到vue的首页。例如,可以在HomeController中添加如下代码: ``` @Controller public class HomeController { @RequestMapping(value = {"/", "/index"}) public String index() { return "index.html"; } } ``` 这样访问项目的根路径或/index路径时,就会自动访问vue的首页。 4. 打包springboot项目:使用springboot内置的打包功能将整个项目打包一个可执行的jar文件。可以使用如下命令进行打包: ``` mvn clean package ``` 打包完成后,在项目的target目录下会生成一个以.jar结尾的可执行文件。 5. 部署上线:将打包生成的jar文件上传到部署服务器上,并安装Java运行环境。然后使用命令行运行以下命令启动springboot项目: ``` java -jar yourjarfilename.jar ``` 项目就会在服务器上运行起来,可以通过访问服务器IP地址+配置的端口号来访问项目了。 通过以上步骤,就可以将vue与springboot分离开发的项目打包上线。将vue的静态资源打包到springboot项目中,并在springboot中启动静态资源。然后使用springboot内置的打包功能将整个项目打包一个可执行的jar文件,最终将jar文件部署到服务器上运行。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值