亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

使用寶塔面板中Nginx部署前端Vue項(xiàng)目完整步驟

 更新時(shí)間：2024年10月21日 10:03:30   作者：魚(yú)文樂(lè)~~  
在Kubernetes(K8S)部署前端Vue項(xiàng)目通常會(huì)涉及到使用Nginx作為靜態(tài)資源服務(wù)器的一個(gè)重要部分,這篇文章主要給大家介紹了關(guān)于使用寶塔面板中Nginx部署前端Vue項(xiàng)目的相關(guān)資料,需要的朋友可以參考下

我相信已經(jīng)到這一步了，Nginx和寶塔過(guò)多的描述我就不說(shuō)了，直接上干貨實(shí)操。

第一步：前端項(xiàng)目打包

直接運(yùn)行Npm run build命令進(jìn)行打包，會(huì)打成一個(gè)dist的壓縮包

注意：我們前端打包的時(shí)候要修改我們連接后端接口的：ip+端口號(hào)

然后我們解壓成文件夾！
????

第二步：在寶塔面板中直接下載安裝我們的Nginx

第三步：上傳前端文件

將我們解壓好的前端項(xiàng)目文件上傳到目錄/www/server/nginx/html下

第四步：修改Nginx配置文件

1、

2、

3、

第五步：防火墻放行

這里的端口就是我們剛剛在配置文件中設(shè)置的端口

注意：這里出來(lái)我們的寶塔面板放行以后還要在我們對(duì)應(yīng)服務(wù)器中的安全組進(jìn)行放行對(duì)應(yīng)的端口

第六步：測(cè)試

當(dāng)我們前面工作都做完了以后我們?nèi)ピL問(wèn)我們IP+剛剛的端口就可以訪問(wèn)了

如果有域名大家可以配置一下，這樣就直接域名加端口訪問(wèn)了。

附：關(guān)于vue項(xiàng)目寶塔部署后出現(xiàn)路由跳轉(zhuǎn)方面的Nginx問(wèn)題

問(wèn)題描述

Vue項(xiàng)目在寶塔面板中部署后出現(xiàn)了路由跳轉(zhuǎn)故障，并且跳轉(zhuǎn)界面中出現(xiàn)提示Nginx錯(cuò)誤

解決方案

確定該項(xiàng)目在本地運(yùn)行中確實(shí)沒(méi)路由方面問(wèn)題，寶塔面板部署后才出現(xiàn)相關(guān)問(wèn)題，這是因?yàn)闆](méi)有進(jìn)行有關(guān)配置

進(jìn)入寶塔面板地址，選擇“網(wǎng)站”，對(duì)目標(biāo)站點(diǎn)點(diǎn)擊“設(shè)置”，在“配置文件”中添加以下內(nèi)容：

location / {
    try_files $uri $uri/ /index.html;
    }

總結(jié)

到此這篇關(guān)于使用寶塔面板中Nginx部署前端Vue項(xiàng)目的文章就介紹到這了,更多相關(guān)寶塔面板Nginx部署前端Vue內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論