關於springboot vue前后端分離項目部署到阿里雲輕量服務器(前后端分開部署)


0.購買阿里雲服務器

1.安裝jdk

使用yml安裝

2.安裝mysql

3.安裝nginx

4.打包后端項目

后端項目更改:

在pom.xml文件中,增加打包成jar包的配置文件

 

application.properties配置文件中更改數據庫信息,端口號:(所使用的端口號是自定義的,需要在阿里雲服務器的控制面板也就是網頁上開啟防火牆,需要在阿里雲服務器的安全組中添加對應的進入規則,需要使用命令在Xshell的黑框中開啟端口對應的防火牆)

數據庫url中localhost改為公網地址(服務器帶的),密碼改成服務器上數據庫的密碼(123456)

為了解決跨域問題,在后端代碼中加入配置類,(新建一個包,放這個類)代碼如下:

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
​
/**
 * TODO
 *
 * @auothor asus
 * @date 2020/9/28 7:39
 */
@Configuration
public class WebMvcConfig extends WebMvcConfigurerAdapter {
​
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")
                .maxAge(3600)
                .allowCredentials(true);
    }
}

 

 

到現在,后端代碼就更改完成了,接下來是打成jar包,

先找到后端項目所在的目錄,

 

打開cmd命令框,

輸入 f:(就進入f盤了),輸入dir 回車就可以查看當前目錄下的所有文件信息,

輸入 cd shixun2 就進入到文件夾中了,

 

然后輸入命令 mvn package clean -Dmaven.test.skip=true (作用是把原來打包過的jar包都清掉)

然后輸入命令 mvn package -Dmaven.test.skip=true (意思是重新打包)

回車,執行完這兩個命令就可以到target目錄下找到剛才打包的jar包了

到這里,后端項目打包完成

(*注意:后端項目的接口,在application.properties文件中,如果自定義了

server.servlet.context-path=/iqiyiadmin

那么在直接訪問后端接口時,需要在地址中加上,http://服務器公網Ip:端口號/iqiyidamin/movie/findAll)

5、打包前端項目

前端項目的更改,原來前端項目中在調用后端接口時,使用的都是本地的localhost,現在因為后端項目要部署到服務器上了,應該把localhost改成 你的服務器的公網ip

*注意:所有地方的地址都要改,改完之后,在命令行執行代碼 npm run build

執行成功后,前端項目中會多出一個文件加dist,

這個文件夾就是打包的前端項目

至此,前端項目打包完成

6、后端項目部署到服務器

我在root中新建了文件夾myProject/iqiyi

然后通過工具xftp直接把jar包拖拽到目錄下,即為上傳成功。

運行后端項目:在xshell中進入到jar包所在的目錄,然后輸入命令 java -jar jar包的名字.jar

然后項目就可以啟動起來了,成功啟動后在瀏覽器直接輸入后端接口的地址就可以得到相應的數據了

但是這個時候如果關閉了xshell,項目就自動停止了,

運行這個命令,nohup java -jar jar包的名字.jar >temp.txt & ,項目就可以在后台啟動,關閉xshell沒有影響

7、前端項目部署到服務器

npm run build 把Vue打包成單頁面的HTML

上傳到 /usr/local/nginx/下 改名html,原來的html文件加直接刪掉即可

注意:mysql用的3306端口,80端口,22端口,項目自定義的端口都要開放防火牆和設置安全組




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM