① react項目(windows本地)打包部署到伺服器(阿里雲ubuntu)
添加"homepage" :" http://xxx.com/ " #解決部署到伺服器後刷新頁面出錯的問題
加basename屬性(c1為子目錄名)
添加homepage行(後面加上子目錄c1!)
新建c1子目錄,把build文件夾里的內容上傳到子目錄文件夾中
重點:root和location
② react+springBoot 項目部署到騰訊雲
本文主要介紹如何搭建個人網站,並將項目部署到騰訊雲。
前端:React,
後端:SpringBoot,
雲服務:centos7
建議使用create-react-app創建react項目包,簡單快捷。
進入項目路徑,開始運行
直接使用項目自身的build指令進行打包,完成後會在項目根目錄多出一個build文件夾
build文件中包含項目打包後的js、css、html...等資源。下一步的部署,就是將這一build文件上傳到雲伺服器,並通過nginx指向build。
將上一過程中的build文件上傳到雲伺服器,推薦使用ForkLift, 使用教程 。
進入雲伺服器,找到nginx文件,修改root指向build路徑, nginx配置教程 。
上述操作完成後,打開域名後,頁面即為react項目的首頁。
建議使用idea進行springboot項目的開發(專業的事情交給專業的工具,簡單些)。
idea搭建一個springboot項目
mysql: 官方地址
mysql管理工具Navicat: 官網地址
如果本地不想安裝mysql,也可以直接在伺服器上進行安裝,然後在本地訪問, 伺服器安裝mysql並實現遠程訪問 。
將本地springboot項目打包後,上傳到雲伺服器並啟動, Spring boot項目部署到騰訊雲伺服器 。
關於項目的啟動並保持一致運行:可以在控制台輸入
回車,nohup命令可以讓你的shell命令忽略SIGHUP信號,即可以使之脫離終端運行;「&」可以讓你的命令在後台運行。
至此,前後端項目都已安裝在雲伺服器上。
原文地址: react+springBoot 項目部署到騰訊雲