天天看點

vue 項目打包 上線

1,配置相關 

vue 項目打包 上線

hash:true 版本控制 

vue 項目打包 上線
vue 項目打包 上線

我們在開發模式的時候寫axios時會在接口前面加一個"/api" 我們在打包之前同樣要去掉,變成後端給的那種接口,這樣在部署到伺服器的時候,接口路徑才能正确 

我的項目中在如下設定了,是以隻要把 "/api" 去掉就好了

vue 項目打包 上線
vue 項目打包 上線

2,打包,然後會生成一個dist檔案夾

npm run build 
vue 項目打包 上線

 3,将dist檔案夾,放到tomcat伺服器上,

vue 項目打包 上線

4,浏覽器輸入https://xxxxx.com/dist/就可以打開了

vue 項目打包 上線