SpringBoot+Vue生产环境打包

接上一篇开发环境下,完成开发后,打包上线html

  1. 以下图所示,将index.js中assetsPublicPath改成’./’

在这里插入图片描述

  1. 在build目录下utils.js下如图所示位置加入 publicPath: '…/…/'
    在这里插入图片描述

3.将前端api接口地址/backround改为 . (点号),当界面请求时,会在./user/register,会自动加前缀为当先后台地址前端

//register
export function register (obj){
	let url = `./user/register`;
	 return axios.post(url,qs.stringify(obj))
	.then(function(response){
         return Promise.resolve(response.data);
	})
	.catch(function(err){
		console.log(err);
	})
}

4.启动命令npm run build ,会在项目dist目录下,生成静态资源,static+index.html
配置npm run build命令
配置npm run build命令ios

启动命令
命令启动web

打包完dist目录包含内容
打包后生成的静态资源
5.spring-boot项目 - > src ->main->resources 下新建文件static,将dist目录下的东西复制到改目录下
新建static目录并把dist静态资源放入其中spring

6.删除web整个目录,将该项目打成jar包或是war包,上传到服务器便可npm