文章目錄
- 一、配置好前臺后臺域名和ip的映射關系
- 二、在服務器上安裝2個tomcat，并且可以運行成功
- 1.修改埠號：訪問的埠和8005埠
- 2.外部訪問：安全組埠對外開放，服務器防火墻對外開放
- 2.3測驗服務器本地tomcat是否啟動成功
- 最后tomcat運行無誤后，頁面輸入url回傳tomcat頁面，tomcat部署完畢
- 三、部署前后端專案
- **1.tomcat部署完畢后，首先修改vue配置分別在global.js和prod.env里面將本地localhost改為服務器號**
- 2.vue前臺執行導包
- 3.后臺打war包，放入后臺tomcat下的webapps下
- 3.重啟tomcat，瀏覽器輸入ip，進入專案，
- 四、nginx+tomcat配置反向代理（這里我不再使用兩個tomcat，而是前臺放入nginx里面，后臺放入tomcat里面）
- 五，為什么vue專案既可以部署在tomcat又可以部署在nginx而后臺專案不行
一、配置好前臺后臺域名和ip的映射關系
阿里云和騰訊云配置好域名和ip的關系，準備好服務器
****
騰訊云配置域名映射ip
二、在服務器上安裝2個tomcat，并且可以運行成功
1.修改埠號：訪問的埠和8005埠
1.1先匯入兩個tomcat（前臺是80，后臺是8080）
1.2進入兩個tomcat/conf/server.xml(組態檔) 里面
修改里面8005和埠號
修改8005
修改8080埠
2.外部訪問：安全組埠對外開放，服務器防火墻對外開放
2.1服務器防火墻開放埠
2.2安全組埠對外開放
**
2.3測驗服務器本地tomcat是否啟動成功
**
首先啟動tomcat后使用wget+url命令測驗url是否有效
開啟tomcat 當url可以正確訪問后：
當你關閉tomcat之后，再次使用wget+url后：
如果因為種種原因導致失敗，可以查看tomcat目錄下：tomcat/logs/catalina.out 找尋錯誤資訊
看到運行時的資訊，類似于spring boot啟動控制臺里面的內容
也可以在logs目錄下使用
tail -f catalina.out
查看報錯資訊
最后tomcat運行無誤后，頁面輸入url回傳tomcat頁面，tomcat部署完畢
三、部署前后端專案
1.tomcat部署完畢后，首先修改vue配置分別在global.js和prod.env里面將本地localhost改為服務器號
這樣部署在服務器的前臺就能像本地一個訪問后臺
2.vue前臺執行導包
npm run build
執行完后，會發現多出dist檔案夾
將dist檔案夾下的東西放到tomcat下的webapps/ROOT目錄下（將tomcat自帶的東西刪掉）
3.后臺打war包，放入后臺tomcat下的webapps下
將里面除了ROOT檔案夾全部洗掉，將war包匯入webapps目錄下（war重命名為ROOT）
3.重啟tomcat，瀏覽器輸入ip，進入專案，
tomcat部署前后臺專案完成
四、nginx+tomcat配置反向代理（這里我不再使用兩個tomcat，而是前臺放入nginx里面，后臺放入tomcat里面）
首先安裝nginx，執行
yum install nginx
安裝完后要將vue放到nginx里面
我們進入/usr/share/nginx這個路徑里面，mkdir創建一個檔案夾叫vue，把前臺的包放入vue檔案夾下
然后進入nginx的組態檔里面（vim /etc/nginx/nginx.conf）
server {
listen 80;
listen [::]:80;
server_name xxx.xxx.xxcn; //前臺域名
root /usr/share/nginx/vue; //前臺位置
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
error_page 404 /404.html;
location = /404.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}
server{
listen 80;
server_name xxx.xxx.xxx; //后臺域名
location / {
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $http_host;
proxy_pass http://xx.xxx.xx:8080; //映射到相應的埠號
}
}
然后啟動nginx
systemctl start nginx
最后來到瀏覽器用所分配的前臺域名來訪問
發現啟動成功,且功能可以正常啟動
vue+springboot 部署在服務器使用tomcat+nginx完成
五，為什么vue專案既可以部署在tomcat又可以部署在nginx而后臺專案不行
vue其實就是html，它是靜態的，而nginx可以運行靜態的html，因為nginx本身就是靜態資源服務器和反向代理服務器，它支持靜態資源的；而后臺java代碼是動態的，它需要運行在java虛擬機之上，需要支持它運行的web容器，而tomcat是web容器一種，所以將后臺代碼放入tomcat里面，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/292181.html
標籤：其他
上一篇：Docke常用命令