欧美性猛交xxxx免费看_牛牛在线视频国产免费_天堂草原电视剧在线观看免费_国产粉嫩高清在线观看_国产欧美日本亚洲精品一5区

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線(xiàn)課程
  • 觀(guān)看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

Spring+Vue工程部署在Linux

jf_96884364 ? 來(lái)源:jf_96884364 ? 作者:jf_96884364 ? 2023-01-13 14:19 ? 次閱讀

代碼介紹

前端代碼:https://github.com/Snowstorm0/token-login-vue

后端代碼:https://github.com/Snowstorm0/token-login-spring

使用 Spring+Vue 實(shí)現(xiàn) token 登錄、退出、訪(fǎng)問(wèn)攔截等功能。

1 部署后端

1.1 生成 jar 包

使用 Idea 的 maven 進(jìn)行打包。

先雙擊 clean,清除其他的包,然后雙擊 package,如下圖所示:

此時(shí)在工程下生成了 target 文件夾,里面有我們的 jar 包:

1.2 部署到服務(wù)器

將 jar 包 token-login-spring-1.0-SNAPSHOT.jar上傳到服務(wù)器,運(yùn)行啟動(dòng)命令:

java -jar token-login-spring-1.0-SNAPSHOT.jar

即可啟動(dòng)后端工程。

2 部署前端

2.1 打包

運(yùn)行打包命令:

npm run build

此時(shí)會(huì)在項(xiàng)目下生成 dist 文件夾。我們將該文件夾壓縮,上傳服務(wù)器,并解壓。

2.2 安裝 Nginx

Ubuntu 下的安裝命令:

sudo apt-get install nginx

查看安裝路徑:

whereis nginx

顯示:

nginx:
 /usr/sbin/nginx    #主程序
 /usr/lib/nginx #軟件的函數(shù)庫(kù)
 /etc/nginx  #存放配置文件
 /usr/share/nginx  #存放靜態(tài)文件
 /usr/share/man/man8/nginx.8.gz  #聯(lián)機(jī)幫助文件

安裝成功。

2.3 配置 Nginx

找到文件/etc/nginx/sites-available/default,修改為可編輯權(quán)限:

sudo  chmod 777 /etc/nginx/sites-available/default

找到root /var/www/html; 這一行,修改為解壓的 dist 文件夾的路徑,如:

root /home/myroot/Desktop/token-login/dist;

重啟nginx:

sudo nginx -s reload

在瀏覽器輸入:http://localhost/#/login,即可看到前端頁(yè)面。

審核編輯:湯梓紅

聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀(guān)點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • Linux
    +關(guān)注

    關(guān)注

    87

    文章

    11351

    瀏覽量

    210512
  • spring
    +關(guān)注

    關(guān)注

    0

    文章

    340

    瀏覽量

    14398
  • vue
    vue
    +關(guān)注

    關(guān)注

    0

    文章

    58

    瀏覽量

    7906
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    Fingerprint Cards在華成立客戶(hù)工程部門(mén)

    世界領(lǐng)先的生物識(shí)別技術(shù)公司Fingerprint Cards (簡(jiǎn)稱(chēng)Fingerprints)宣布中國(guó)成立客戶(hù)工程部門(mén),這個(gè)部門(mén)的研發(fā)團(tuán)隊(duì)主要為全球及本地的移動(dòng)設(shè)備OEM客戶(hù)提供服務(wù)。在此之前,F(xiàn)ingerprints 全球
    的頭像 發(fā)表于 04-27 10:06 ?1.1w次閱讀

    java spring教程

    Spring核心概念介紹控制反轉(zhuǎn)(IOC)依賴(lài)注入(DI)集合對(duì)象注入等Bean的管理BeanFactoryApplicationContextSpring web中的使用
    發(fā)表于 09-11 11:09

    什么是java spring

    是否選擇使用了EJB。如果你僅僅使用了Struts或其他的包含了J2EE特有APIs的framework,你會(huì)發(fā)現(xiàn)Spring關(guān)注了遺留下的問(wèn)題,。 ◆Spring能消除許多工程上對(duì)
    發(fā)表于 09-11 11:16

    linux下的webpack編譯打包工程

    注:背景 最近做一個(gè)vue+vue-router+vuex+vux+fetch的項(xiàng)目,工程化是基于webpack來(lái)構(gòu)建的,本地開(kāi)發(fā)在windows環(huán)境下,編譯打包正常windows下的環(huán)境準(zhǔn)備一
    發(fā)表于 07-05 07:41

    基于spring boot的linux服務(wù)器部署方法

    最近一直研究springboot服務(wù)器,之前受到springmvc等框架的困擾,思路不對(duì),一直想把springboot打包成war包然后部署到tomcat容器下,今天突然想到既然springboot我再本地可以使用jar包的形式訪(fǎng)問(wèn),
    發(fā)表于 07-22 06:51

    Linux搭建Vue開(kāi)發(fā)環(huán)境

    本文介紹Linux環(huán)境下從零開(kāi)始搭建Vue開(kāi)發(fā)環(huán)境的整個(gè)過(guò)程,包括vue的安裝,webstorm 安裝配置,devtools的安裝。
    發(fā)表于 07-24 06:20

    12vue中的插槽

    12vue中插槽(slot)
    發(fā)表于 05-07 08:15

    如何將程序很好的部署

    的完整性這一思想,將cobemx生成的文件和自己編寫(xiě)的文件獨(dú)立開(kāi)。這就是所提出這種工程部署方法的初衷。拿STM32F103VBT6這塊單片機(jī)來(lái)說(shuō)我們要注意以下幾點(diǎn):基礎(chǔ)底層頭文件匯總我們通過(guò)cobemx生成的一些列基礎(chǔ)功能配置,都會(huì)產(chǎn)生單獨(dú)的.c和.h文件。將一些底層配置的頭文件匯總到一個(gè)頭文件中,
    發(fā)表于 08-24 07:40

    Spring Boot嵌入式Web容器原理是什么

    ,不需要配置任何特殊的XML配置,為了這個(gè)目標(biāo),Spring BootSpring 4.0框架之上提供了很多特性,幫助應(yīng)用以“約定優(yōu)于配置”“開(kāi)箱即用”的方式來(lái)啟動(dòng)應(yīng)用并運(yùn)行上下文。Spri
    發(fā)表于 12-16 07:57

    Spring+Vue增刪改查實(shí)例

    Spring+Vue增刪改查實(shí)例
    的頭像 發(fā)表于 01-13 09:16 ?1029次閱讀
    <b class='flag-5'>Spring+Vue</b>增刪改查實(shí)例

    Linux安裝Vue環(huán)境

    Linux安裝Vue環(huán)境
    的頭像 發(fā)表于 01-13 14:09 ?1011次閱讀

    Vue入門(mén)之Vue定義

    Vue (讀音 /vju?/,類(lèi)似于 view) 是一套用于構(gòu)建用戶(hù)界面的漸進(jìn)式JavaScript框架。 Vue 的核心庫(kù)只關(guān)注視圖層,也就是只處理頁(yè)面。 Vue提供的一套JS框架,通常稱(chēng)為
    的頭像 發(fā)表于 02-06 16:41 ?1132次閱讀
    <b class='flag-5'>Vue</b>入門(mén)之<b class='flag-5'>Vue</b>定義

    iOS中集成Vue是什么

    上一節(jié)Vue非瀏覽器環(huán)境下的嘗試我們利用了weexvue中的dom實(shí)現(xiàn)成功的非瀏覽器環(huán)境中Vue
    的頭像 發(fā)表于 03-03 09:56 ?705次閱讀
    <b class='flag-5'>在</b>iOS中集成<b class='flag-5'>Vue</b>是什么

    linux docker安裝部署

    了解如何在Linux上安裝和部署Docker。 一、安裝Docker 開(kāi)始之前,請(qǐng)確保您的Linux系統(tǒng)滿(mǎn)足以下要求: 64位版本的Linux
    的頭像 發(fā)表于 11-23 09:27 ?1225次閱讀

    基于springboot和vue框架的Java

    本文將詳細(xì)介紹基于Spring Boot和Vue框架進(jìn)行Java應(yīng)用開(kāi)發(fā)的實(shí)踐。首先,將介紹Spring Boot和Vue框架的基本概念及其優(yōu)點(diǎn)。然后,將詳細(xì)介紹如何搭建
    的頭像 發(fā)表于 12-03 15:15 ?1133次閱讀