springboot 部署一般是采用jar 部署,也有采用war(集成了jsp,不推荐使用)
一、将vue 项目编译后打入jar 包部署方式
1、运行vue打包命令,前提是vue项目正常,无错误!
npm run build
2、运行命令后,在项目根目录会生成一个dist 文件夹,将dist 文件夹的所有文件,拷贝至springboot项目中的static(static默认放行)
访问前缀,如果打包后的文件直接放置于springboot的static文件夹下则不需要加前缀,如果在static下建立了二级目录,则这里需要改成目录名称,例如:static/test1 则这里需要变成/test1 在运行npm run build
无独有偶,如果需要部署多个前端项目,比如PC后台,H5端两个项目,则需要在static 下建二级文件夹。这就是baseUrl 的前缀的作用。当然根据系统架构的不同,因情况定。总之,需要注意系统的访问前缀
module.exports = {
baseUrl: '/',//这里是访问前缀,如果打包后的文件直接放置于springboot的static文件夹下则不需要加前缀,如果在static下建立了二级目录,则这里需要改成目录名称,例如:static/test1 则这里需要变成/test1 在运行npm run build
devServer: {
port:8080,
proxy: 'http://47.96.21.80:8999'