手把手教你使用寶塔部署Vue項(xiàng)目
1. Vue項(xiàng)目執(zhí)行打包命令進(jìn)行打包得到dist文件夾
npm run build
2. 打開(kāi)寶塔主頁(yè)進(jìn)入網(wǎng)站，選擇添加站點(diǎn)
3. 將自己的服務(wù)器網(wǎng)址作為域名，默認(rèn)為80端口，可自行設(shè)置備注和根目錄，點(diǎn)擊提交
4. 點(diǎn)擊設(shè)置->配置文件，加入如下代碼（配置跨域問(wèn)題），點(diǎn)擊保存（建議手敲，格式很重要）
location /api {
proxy_pass http://gmall-h5-api.atguigu.cn;
}
5. 點(diǎn)擊文件，進(jìn)入前面設(shè)置的地址，將原有文件全部刪除
6. 將前面打包的dist文件夾里面的文件拖到寶塔文件中，進(jìn)行上傳
7. 進(jìn)入nginx文件夾下的conf文件夾，找到nginx.conf文件，雙擊進(jìn)入編輯，找到server下的listen，將端口改為前面設(shè)置的端口，保存即可（需要部署多個(gè)項(xiàng)目時(shí)復(fù)制多個(gè)server進(jìn)行配置）
8. 輸入前面設(shè)置的域名即可進(jìn)入制作的項(xiàng)目中
總結(jié)
到此這篇關(guān)于使用寶塔部署Vue項(xiàng)目的文章就介紹到這了,更多相關(guān)寶塔部署Vue項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
解決vue3.0運(yùn)行項(xiàng)目warning Insert `·` prettier/pret
這篇文章主要介紹了解決vue3.0運(yùn)行項(xiàng)目warning Insert `·` prettier/prettier問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue-router中query取值的坑及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
vue中實(shí)現(xiàn)頁(yè)面刷新以及局部刷新的方法
這篇文章主要給大家介紹了關(guān)于vue中實(shí)現(xiàn)頁(yè)面刷新以及局部刷新的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
解決removeEventListener 無(wú)法清除監(jiān)聽(tīng)的問(wèn)題
這篇文章主要介紹了解決removeEventListener 無(wú)法清除監(jiān)聽(tīng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
利用SpringMVC過(guò)濾器解決vue跨域請(qǐng)求的問(wèn)題
下面小編就為大家分享一篇利用SpringMVC過(guò)濾器解決vue跨域請(qǐng)求的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
vue?動(dòng)態(tài)路由component?傳遞變量報(bào)錯(cuò)問(wèn)題解決
這篇文章主要為大家介紹了vue?動(dòng)態(tài)路由component?傳遞變量報(bào)錯(cuò)問(wèn)題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
vue-quill-editor富文本編輯器上傳視頻功能詳解
需求需要實(shí)現(xiàn)富文本的功能,同時(shí)富文本中還可以上傳視頻和圖片,選來(lái)選去最后決定了用這個(gè)富文本編輯器,下面這篇文章主要給大家介紹了關(guān)于vue-quill-editor富文本編輯器上傳視頻功能的相關(guān)資料,需要的朋友可以參考下2023-05-05
本篇文章主要介紹了深入解析Vue 組件命名那些事，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
Vue 兩個(gè)字段聯(lián)合校驗(yàn)之修改密碼功能的實(shí)現(xiàn)
本文以校驗(yàn)兩次密碼的一致性應(yīng)用，給出兩個(gè)可變屬性值的字段之間的聯(lián)合校驗(yàn)的典型解決方案，通過(guò)實(shí)例代碼給大家介紹Vue 兩個(gè)字段聯(lián)合校驗(yàn)之修改密碼功能的實(shí)現(xiàn)，需要的朋友一起看看吧2021-07-07
vue項(xiàng)目如何從session中獲取對(duì)象,并且使用里面的屬性
這篇文章主要介紹了vue項(xiàng)目如何從session中獲取對(duì)象,并且使用里面的屬性問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-12-12