国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署

這篇具有很好參考價(jià)值的文章主要介紹了一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

?????作者名稱:DaenCode
??作者簡介:啥技術(shù)都喜歡搗鼓搗鼓,喜歡分享技術(shù)、經(jīng)驗(yàn)、生活。
??人生感悟:嘗盡人生百味,方知世間冷暖。
??所屬專欄:SpringBoot實(shí)戰(zhàn)


一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器


思維導(dǎo)圖

一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器

??前言

日常開發(fā)項(xiàng)目上線或者部署個(gè)人博客網(wǎng)站,都離不開線上服務(wù)器部署應(yīng)用。本文帶你學(xué)會(huì)線上部署應(yīng)用。以騰訊云輕量應(yīng)用服務(wù)器部署SpringBoot、Vue項(xiàng)目為例。

??云服務(wù)器配置

域名配置

1.進(jìn)入到輕量應(yīng)用服務(wù)器控制臺(tái),選中域名。如下圖所示
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
2.如果是首次購買域名,點(diǎn)擊添加域名。之后點(diǎn)擊添加域名解析
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
3.此時(shí)是A記錄,主機(jī)名前方命名根據(jù)個(gè)人需要起名稱。一定要勾選實(shí)例
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器

端口開放-防火墻配置

1.找到服務(wù)器中的防火墻配置,進(jìn)行開發(fā)端口。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
2.添加規(guī)則。進(jìn)行端口號(hào)添加即可。但是平常不使用ssh登錄時(shí),盡量關(guān)閉22端口,為了服務(wù)器安全。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器

??JDK安裝及配置

這里我在linux中的/usr/local/下創(chuàng)建了software文件夾用于后續(xù)文件的上傳。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器

1.上傳JDK包到linux中,我這里采用的是xftp。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
2.通過tar -zxvf jdk-8u171-linux-x64.tar.gz進(jìn)行解壓。這里我已經(jīng)提前安裝過就不再演示了。
3.通過vim /ect/profile配置環(huán)境變量。vim的使用方法大家可網(wǎng)上查閱,這里不進(jìn)行贅述。注意JAVA_HOME的路徑為你jdk安裝的路徑。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
4.通過source /ect/profile使環(huán)境變量生效。
5.通過java -version驗(yàn)證是否安裝成功。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器

??Nginx安裝以及配置

1.安裝依賴。

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel?

2.上傳nginx包,并使用tar -zxvf nginx-1.13.7.tar.gz ?解壓。需要服務(wù)器開放80端口。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
3.進(jìn)入到配置文件目錄/usr/local/nginx/conf。這里注意nginx默認(rèn)安裝目錄為/usr/local/nginx。

cd /usr/local/nginx/conf

4.修改配置文件。vim nginx.conf。其中紅框部分為新增或者修改內(nèi)容。
解釋:

  • upstream部分為你服務(wù)器的ip地址+后端項(xiàng)目的訪問端口。lbs命名相當(dāng)于變量名,隨意即可。
  • server中的location第一個(gè)是接口代理地址配置。proxy_pass中//后的名稱要和你上方upstream后的名稱一致。
  • server中的location第二個(gè)location是前端項(xiàng)目路徑的地址配置。寫在root處即可。
    一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
    5.重新啟動(dòng)nginx加載配置文件,使其生效。
./nginx -s reload

??MySQL安裝

1.通過以下命令進(jìn)行MySQL環(huán)境的準(zhǔn)備。

#下載mysql的Yum倉庫
wget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm

yum -y install mysql57-community-release-el7-10.noarch.rpm

#安裝 mysql服務(wù)
yum -y install mysql-community-server

#啟動(dòng)數(shù)據(jù)庫服務(wù), systemctl 該命令可用于查看系統(tǒng)狀態(tài)和管理系統(tǒng)及服務(wù),centos7上開始使用
systemctl start  mysqld.service

#查看狀態(tài)
systemctl status mysqld.service

#在日志文件中查看初始密碼
grep "password" /var/log/mysqld.log

#進(jìn)入時(shí)輸入默認(rèn)密碼,之后修改Mysql密碼

mysql -uroot -p

#新密碼設(shè)置必須由大小寫字母、數(shù)字和特殊符號(hào)組成
ALTER USER 'root'@'localhost' IDENTIFIED BY '你的密碼';

#開啟mysql的遠(yuǎn)程訪問, %是指全部
grant all privileges on *.* to 'root'@'%' identified by '你的密碼' with grant option;

#刷新權(quán)限
flush privileges; 

在執(zhí)行yum -y install mysql57-community-release-el7-10.noarch.rpm遇到問題:
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
通過以下方式解決:

rpm --import https://repo.mysql.com/RPM-GPG-KEY-mysql-2022
//再次執(zhí)行
yum -y install mysql57-community-release-el7-10.noarch.rpm

2.在mysql數(shù)據(jù)庫中導(dǎo)入項(xiàng)目中用到的數(shù)據(jù)庫腳本。注意紅框處填寫ip地址,同時(shí)數(shù)據(jù)庫名稱要與項(xiàng)目中名稱保持一致。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器

??打包項(xiàng)目,進(jìn)行上傳

后端項(xiàng)目

1.配置文件的修改。注意要和線上數(shù)據(jù)庫用戶名、密碼、ip地址一致。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
2.mvn install打包。之后會(huì)在target目錄下生成jar包。生成之后上傳到服務(wù)器路徑下即可。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
下圖是我的路徑,請(qǐng)根據(jù)個(gè)人需求。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器

前端項(xiàng)目

1.配置文件修改成自己的域名地址。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器

2.使用npm run build打包。打包完成之后會(huì)生成一個(gè)dist文件夾,將此文件上傳即可。一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器
下圖是我的個(gè)人路徑,要與nginx配置文件中的地址配置一致。
一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器

??項(xiàng)目啟動(dòng)

進(jìn)入到項(xiàng)目路徑中,通過nohup java -jar xxxx.jar &啟動(dòng)。如項(xiàng)目報(bào)錯(cuò),則可以用過tail -f nohup.out查看日志情況。

??寫在最后

有關(guān)于SpringBoot、Vue線上應(yīng)用部署到此就結(jié)束了。感謝大家的閱讀,如有部署問題,大家可以在評(píng)論區(qū)進(jìn)行留言。


一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署,SpringBoot實(shí)戰(zhàn),spring boot,vue.js,后端,服務(wù)器文章來源地址http://www.zghlxwxcb.cn/news/detail-625761.html

到了這里,關(guān)于一張思維導(dǎo)圖帶你學(xué)會(huì)SpringBoot、Vue前后端分離項(xiàng)目線上部署的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 一張思維導(dǎo)圖帶你打通SpringBoot自定義攔截器的思路

    一張思維導(dǎo)圖帶你打通SpringBoot自定義攔截器的思路

    ?????作者名稱:DaenCode ??作者簡介:啥技術(shù)都喜歡搗鼓搗鼓,喜歡分享技術(shù)、經(jīng)驗(yàn)、生活。 ??人生感悟:嘗盡人生百味,方知世間冷暖。 ??所屬專欄:SpringBoot實(shí)戰(zhàn) 在開發(fā)中,都離不開攔截器的使用。比如說在開發(fā)登錄功能時(shí),采用JWT登錄時(shí)通過對(duì)token進(jìn)行驗(yàn)證實(shí)現(xiàn)登

    2024年02月14日
    瀏覽(28)
  • 一張流程圖帶你學(xué)會(huì)SpringBoot結(jié)合JWT實(shí)現(xiàn)登錄功能

    一張流程圖帶你學(xué)會(huì)SpringBoot結(jié)合JWT實(shí)現(xiàn)登錄功能

    ?????作者名稱:DaenCode ??作者簡介:啥技術(shù)都喜歡搗鼓搗鼓,喜歡分享技術(shù)、經(jīng)驗(yàn)、生活。 ??人生感悟:嘗盡人生百味,方知世間冷暖。 ??所屬專欄:SpringBoot實(shí)戰(zhàn) JWT(JsonWebToken)是 一種輕量級(jí)的跨域身份驗(yàn)證解決方案 。通常被用于無狀態(tài)身份驗(yàn)證機(jī)制,將用戶信息簽名

    2024年02月11日
    瀏覽(39)
  • 一張圖帶你學(xué)會(huì)入門級(jí)別的SpringBoot實(shí)現(xiàn)文件上傳、下載功能

    一張圖帶你學(xué)會(huì)入門級(jí)別的SpringBoot實(shí)現(xiàn)文件上傳、下載功能

    ?????作者名稱:DaenCode ??作者簡介:啥技術(shù)都喜歡搗鼓搗鼓,喜歡分享技術(shù)、經(jīng)驗(yàn)、生活。 ??人生感悟:嘗盡人生百味,方知世間冷暖。 ??所屬專欄:SpringBoot實(shí)戰(zhàn) 標(biāo)題 一文帶你學(xué)會(huì)使用SpringBoot+Avue實(shí)現(xiàn)短信通知功能(含重要文件代碼) 一張思維導(dǎo)圖帶你學(xué)會(huì)Springboot創(chuàng)

    2024年02月12日
    瀏覽(118)
  • Vue加SpringBoot實(shí)現(xiàn)項(xiàng)目前后端分離

    Vue加SpringBoot實(shí)現(xiàn)項(xiàng)目前后端分離

    首先需要搭建一個(gè)Vue的腳手架項(xiàng)目(已經(jīng)放在gitee里面了,下面是gitee網(wǎng)址,可以直接拉) (vue-web: 這個(gè)是Vue項(xiàng)目模板,沒有后臺(tái)數(shù)據(jù)) 那么接下來就是實(shí)現(xiàn)前后端分離的步驟 首先我們需要有一個(gè)登錄頁面 登錄的點(diǎn)擊事件利用axios提交到后臺(tái)去,代碼放在后面(沒有樣式也可以

    2024年02月06日
    瀏覽(29)
  • SpringBoot + Vue前后端分離項(xiàng)目實(shí)戰(zhàn) || 一:Vue前端設(shè)計(jì)

    SpringBoot + Vue前后端分離項(xiàng)目實(shí)戰(zhàn) || 一:Vue前端設(shè)計(jì)

    系列文章: SpringBoot + Vue前后端分離項(xiàng)目實(shí)戰(zhàn) || 一:Vue前端設(shè)計(jì) SpringBoot + Vue前后端分離項(xiàng)目實(shí)戰(zhàn) || 二:Spring Boot后端與數(shù)據(jù)庫連接 SpringBoot + Vue前后端分離項(xiàng)目實(shí)戰(zhàn) || 三:Spring Boot后端與Vue前端連接 SpringBoot + Vue前后端分離項(xiàng)目實(shí)戰(zhàn) || 四:用戶管理功能實(shí)現(xiàn) SpringBoot + Vue前后

    2024年02月09日
    瀏覽(99)
  • 后端SpringBoot+前端Vue前后端分離的項(xiàng)目(二)

    后端SpringBoot+前端Vue前后端分離的項(xiàng)目(二)

    前言:完成一個(gè)列表,實(shí)現(xiàn)表頭的切換,字段的篩選,排序,分頁功能。 目錄 一、數(shù)據(jù)庫表的設(shè)計(jì) 二、后端實(shí)現(xiàn) 環(huán)境配置 model層 ?mapper層 service層 ?service層單元測試 controller層 三、前端實(shí)現(xiàn) interface接口 接口api層 主要代碼 效果展示 引入mybatis-plus依賴 MerchandiseDetailsService文

    2024年02月09日
    瀏覽(94)
  • 后端SpringBoot+前端Vue前后端分離的項(xiàng)目(一)

    后端SpringBoot+前端Vue前后端分離的項(xiàng)目(一)

    前言:后端使用SpringBoot框架,前端使用Vue框架,做一個(gè)前后端分離的小項(xiàng)目,需求:實(shí)現(xiàn)一個(gè)表格,具備新增、刪除、修改的功能。 目錄 一、數(shù)據(jù)庫表的設(shè)計(jì) 二、后端實(shí)現(xiàn) 環(huán)境配置 數(shù)據(jù)處理-增刪改查 model層 mapper層 XML配置 Service層 controller層 單元測試 三、前后端交互 配置

    2024年02月10日
    瀏覽(95)
  • SpringBoot+Vue前后端分離項(xiàng)目國際化支持

    SpringBoot+Vue前后端分離項(xiàng)目國際化支持

    i18n.js文件 language.en_US.js文件 language.zh_CN.js文件 messages_en_US.properties文件 messages_zh_CN.properties文件

    2024年02月04日
    瀏覽(25)
  • 基于SpringBoot+SpringCloud+Vue前后端分離項(xiàng)目實(shí)戰(zhàn) --開篇

    基于SpringBoot+SpringCloud+Vue前后端分離項(xiàng)目實(shí)戰(zhàn) --開篇

    如何高效學(xué)習(xí)Java? 畢業(yè)設(shè)計(jì)項(xiàng)目應(yīng)該怎么做?入門實(shí)戰(zhàn)項(xiàng)目應(yīng)該怎么做? 做Java開發(fā)都應(yīng)該學(xué)習(xí)哪些框架技術(shù)?到底應(yīng)該往哪個(gè)方向努力? ?? 這是專欄的第一篇文章,我想來跟你聊聊 為什么要學(xué)習(xí)此專欄 ?我們經(jīng)常說,看一個(gè)事兒千萬不要直接陷入細(xì)節(jié)里,你應(yīng)該 先鳥瞰

    2024年02月03日
    瀏覽(30)
  • Springboot+vue的時(shí)間管理系統(tǒng)(有報(bào)告)。Javaee項(xiàng)目,springboot vue前后端分離項(xiàng)目。

    Springboot+vue的時(shí)間管理系統(tǒng)(有報(bào)告)。Javaee項(xiàng)目,springboot vue前后端分離項(xiàng)目。

    Springboot+vue的時(shí)間管理系統(tǒng)(有報(bào)告)。Javaee項(xiàng)目,springboot vue前后端分離項(xiàng)目。 前些天發(fā)現(xiàn)了一個(gè)巨牛的人工智能學(xué)習(xí)網(wǎng)站,通俗易懂,風(fēng)趣幽默,忍不住分享一下給大家。點(diǎn)擊跳轉(zhuǎn)到網(wǎng)站。 本文設(shè)計(jì)了一個(gè)基于Springboot+vue的前后端分離的時(shí)間管理系統(tǒng),采用M(model)V(

    2024年02月07日
    瀏覽(20)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包