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