手把手教你使用寶塔部署Vue項目
更新時間：2023年08月14日 08:40:13 作者：喜聞樂見天
這篇文章主要給大家介紹了關(guān)于如何使用寶塔部署Vue項目的相關(guān)資料,寶塔面板提供了非常方便的方式來部署 Vue 項目,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
1. Vue項目執(zhí)行打包命令進行打包得到dist文件夾
npm run build
2. 打開寶塔主頁進入網(wǎng)站，選擇添加站點
3. 將自己的服務(wù)器網(wǎng)址作為域名，默認為80端口，可自行設(shè)置備注和根目錄，點擊提交
4. 點擊設(shè)置->配置文件，加入如下代碼（配置跨域問題），點擊保存（建議手敲，格式很重要）
location /api {
proxy_pass http://gmall-h5-api.atguigu.cn;
}
5. 點擊文件，進入前面設(shè)置的地址，將原有文件全部刪除
6. 將前面打包的dist文件夾里面的文件拖到寶塔文件中，進行上傳
7. 進入nginx文件夾下的conf文件夾，找到nginx.conf文件，雙擊進入編輯，找到server下的listen，將端口改為前面設(shè)置的端口，保存即可（需要部署多個項目時復(fù)制多個server進行配置）
8. 輸入前面設(shè)置的域名即可進入制作的項目中
總結(jié)
到此這篇關(guān)于使用寶塔部署Vue項目的文章就介紹到這了,更多相關(guān)寶塔部署Vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
vue使用js-file-download插件下載文件亂碼的解決
這篇文章主要介紹了vue使用js-file-download插件下載文件亂碼的解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
vue 內(nèi)聯(lián)樣式style中的background用法說明
這篇文章主要介紹了vue 內(nèi)聯(lián)樣式style中的background用法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
ref 和 reactive都是vue3推出的針對組合式設(shè)計的聲明響應(yīng)式狀態(tài)的API,兩者在使用之前都要先進行引入,本文通過實例代碼詳解vue3中的ref、reactive問題,感興趣的朋友一起看看吧2024-03-03
分分鐘學(xué)會vue中vuex的應(yīng)用（入門教程）
本篇文章主要介紹了vue中vuex的應(yīng)用（入門教程），詳細的介紹了vuex.js和應(yīng)用方法，有興趣的可以了解一下2017-09-09
今天小編就為大家分享一篇Vue實現(xiàn)push數(shù)組并刪除的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要為大家介紹了vue基于electron構(gòu)建第一個程序過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
關(guān)于vue 結(jié)合原生js 解決echarts resize問題
這篇文章主要介紹了關(guān)于vue 結(jié)合原生js 解決echarts resize問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue v-for出來的列表,點擊某個li使得當前被點擊的li字體變紅操作
這篇文章主要介紹了vue v-for出來的列表,點擊某個li使得當前被點擊的li字體變紅操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Vue3+vuedraggable實現(xiàn)動態(tài)配置頁面
這篇文章主要為大家詳細介紹了Vue3如何利用vuedraggable實現(xiàn)動態(tài)配置頁面,文中的示例代碼講解詳細,具有一定的借鑒價值,需要的可以參考一下2023-12-12
這篇文章主要介紹了vue中向data添加新屬性的三種方式小結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04