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