一.將vue項目打包后生成的dist目錄下的文件復制到springboot項目里面
1. 前端vue項目先通過npm run build生成dist目錄
2.將dist中目錄文件放入springboot項目的resources目錄下的static文件夾
3.運行springboot項目，在瀏覽器地址欄輸入localhost:port/index.html(port為后端項目設置的端口號，我設的為8088），所以我輸入localhost:8088/index.html即可訪問到前端項目
問題來了，這時候會有小伙伴問你這只是本地通過localhost來訪問的，別人也訪問不了看不到，不是說用外網查看的嗎，下面是用外網查看該網頁。
4.通過mvn package將springboot項目打包，生成jar包，然后登陸你的阿里雲服務器，將jar放到服務器並運行jar包，即可通過外網訪問。
①到項目根目錄打開cmd，輸入mvn package進行打包，生成jar文件。
②將jar包放到你的服務器上（我買的是阿里雲） 並執行java -jar memoryTravel-0.0.1-SNAPSHOT.jar，即可運行jar包，項目也就運行起來了。這時候你就可以通過服務器的外網ip來訪問前端的界面。
而我已經做過域名解析了，所以輸入www.fengchi.site:8088/index.html也是可以訪問的。
二.將vue項目部署到nginx服務器上，通過設置conf配置文件來進行外網訪問。
1.下載安裝nginx，從官網（nginx官網）下載回來解壓就好了。接下來打開命令窗口運行nginx服務器
2.修改nginx.conf配置文件
server {
listen 81;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root D:\www\dist;
try_files $uri $uri/ @router;
index index.html index.htm;
}
修改過配置文件運行
./nginx -s reload
這時候你就可以通過你的外網ip+你設置的端口去訪問你的前端項目了（我這里已經把47.105.177.109解決成www.fengchi.site這個域名了）
三.將vue項目部署到tomcat服務器上，來進行外網訪問。