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