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