av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

部署vue+Springboot前后端分離項(xiàng)目的步驟實(shí)現(xiàn)

瀏覽:29日期:2023-01-17 10:09:45

單頁(yè)應(yīng)用

vue經(jīng)常被用來(lái)開(kāi)發(fā)單頁(yè)應(yīng)用(SinglePage Web Application,SPA),什么叫做單頁(yè)應(yīng)用呢,也就是只有一張web頁(yè)面的應(yīng)用,單頁(yè)應(yīng)用的跳轉(zhuǎn)只需要刷新局部資源,大大加快的了我們頁(yè)面的響應(yīng)速度

前端頁(yè)面打包

打開(kāi)vue工程,在項(xiàng)目根目錄下創(chuàng)建一個(gè)配置文件:vue.config.js,然后在里面寫(xiě)入以下內(nèi)容:

module.exports = { assetsDir: ’static’, // 靜態(tài)資源保存路徑 outputDir: ’dist’, // 打包后生成的文件夾 lintOnSave: false, productionSourceMap: false, // 取消錯(cuò)誤日志 runtimeCompiler: true, // 實(shí)時(shí)編譯 chainWebpack: () => { } }, devServer: { // vue工程服務(wù)配置 open: true, proxy: { // 代理配置,將請(qǐng)求轉(zhuǎn)發(fā)到后臺(tái)的接口 ’/api’: {target: ’http://www.ccocc.co’,changeOrigin: true, // 開(kāi)啟跨域ws: true,pathRewrite: { ’^/api’: ’’ // 重寫(xiě)路徑} } } }}

然后在控制臺(tái)中輸入命令,npm run build

等待webpack為我們打包vue工程

部署vue+Springboot前后端分離項(xiàng)目的步驟實(shí)現(xiàn)

打包完成后會(huì)在根目錄下生成我們剛剛指定的文件夾:dist

部署vue+Springboot前后端分離項(xiàng)目的步驟實(shí)現(xiàn)

打開(kāi)文件夾,目錄是這樣的:

css保存我們書(shū)寫(xiě)的css代碼,js保存我們書(shū)寫(xiě)的js代碼,整個(gè)工程濃縮為一個(gè)index.html頁(yè)面,何為單頁(yè),這就是單頁(yè)。

部署vue+Springboot前后端分離項(xiàng)目的步驟實(shí)現(xiàn)

前端頁(yè)面部署

把打包好的dist文件夾上傳到服務(wù)器,隨便選一個(gè)位置:

部署vue+Springboot前后端分離項(xiàng)目的步驟實(shí)現(xiàn)

然后打開(kāi)nginx的配置文件,寫(xiě)入以下配置:

server { listen 80; # nginx的默認(rèn)端口 server_name www.ccocc.co; # 你的域名# 關(guān)閉默認(rèn)的logo location = /favicon.ico{ log_not_found off; access_log off;}# 配置后端的接口,將訪問(wèn)域名/api的路徑代理給我們后端的接口 location /api{ proxy_pass http://127.0.0.1:9786; # 本地加后端項(xiàng)目的端口號(hào)}# 重寫(xiě)nginx默認(rèn)歡迎頁(yè)面 location /{ root /root/zcj/data/dist; # dist文件的絕對(duì)路徑,因?yàn)榈顷懙椒?wù)器上的用戶都是root,而root權(quán)限用戶的根目錄都是/root index index.html index.htm; # 文件名稱(chēng),格式 try_files $uri $uri/ /index.html; # 重定向} }

后端項(xiàng)目部署

在上面我們都把配置文件寫(xiě)好了,所以我們只要直接打包工程以及上傳到服務(wù)器再啟動(dòng)就行了。

在命令行輸入命令:在后臺(tái)運(yùn)行我們的springboot項(xiàng)目,并且輸出日志到指定的日志文件

nohup java -jar fatNerdTimeTrack.jar >myfatLog.log 2>&1 &

然后去云服務(wù)器的控制臺(tái),將后端端口的安全組打開(kāi)。

部署vue+Springboot前后端分離項(xiàng)目的步驟實(shí)現(xiàn)

到這。我們整個(gè)前后端分離的項(xiàng)目就部署成功了。

到此這篇關(guān)于部署vue+Springboot前后端分離項(xiàng)目的步驟實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)vue+Springboot前后端分離內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標(biāo)簽: Spring
相關(guān)文章:
主站蜘蛛池模板: av久久| 亚洲一区免费视频 | 日韩国产中文字幕 | 中文字幕亚洲在线 | 日韩国产精品一区二区三区 | 福利视频三区 | 久久久性色精品国产免费观看 | 在线永久看片免费的视频 | 国产精品一区二区福利视频 | 国产精品一码二码三码在线 | 亚洲视频免费播放 | 亚洲www啪成人一区二区麻豆 | 国产高清av免费观看 | 中文字幕日本一区二区 | 一区二区三区中文字幕 | 毛片a区 | 精品国产一区二区三区四区在线 | 高清视频一区二区三区 | 亚洲精品区| 欧美日韩在线一区二区 | 视频一区在线观看 | 色天天综合 | 亚洲精品久久久久久一区二区 | 成人免费在线视频 | 日韩中文字幕在线不卡 | 三级黄色片在线 | 国产欧美日韩一区二区三区在线观看 | 97久久精品午夜一区二区 | 人人操日日干 | 国产精品久久久久久久久久不蜜臀 | 亚洲一区二区精品视频 | 国产乱码精品1区2区3区 | 日韩一区二区三区在线观看 | 日本成人午夜影院 | 999久久久国产精品 欧美成人h版在线观看 | 亚洲国产福利视频 | 国产成人精品一区二区三区四区 | 日韩欧美视频免费在线观看 | 国产精品九九九 | 亚洲一区视频 | 一区二区成人 |