將VUE項(xiàng)目部署到服務(wù)器的詳細(xì)步驟
更新時(shí)間：2022年08月17日 15:29:44 作者：seeyou橘子
經(jīng)過一段時(shí)間的探索,前端后端都有大致的樣子了,下面就是部署到服務(wù)器,這篇文章主要給大家介紹了關(guān)于將VUE項(xiàng)目部署到服務(wù)器的詳細(xì)步驟,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
寶塔面板上操作
一、idea中vue項(xiàng)目的打包
1、設(shè)置打包后項(xiàng)目的名稱
publicPath:process.env.NODE_ENV === 'production' ? '/back/' :'/', outputDir:'back'
2、將項(xiàng)目打包
3、生成的包內(nèi)的文件如下：
二、部署到服務(wù)器
1、找到Nginx的安裝位置
2、 將打包后的vue項(xiàng)目文件放在html文件架下面
3、將打包后的文件夾上傳至html文件夾
4、配置打開頁(yè)面的路徑
(1)找到Nginx,點(diǎn)擊設(shè)置
（2）點(diǎn)擊配置修改，添加如下內(nèi)容，如果有兩個(gè)項(xiàng)目就添加兩個(gè)location
location /mail {
root mail;
index index.html index.htm;
}
location /back {
root back;
index index.html index.htm;
}三、用IP地址訪問
ip+項(xiàng)目名
例如：http://123.123.123.123/back
總結(jié)
到此這篇關(guān)于將VUE項(xiàng)目部署到服務(wù)器的文章就介紹到這了,更多相關(guān)VUE項(xiàng)目部署服務(wù)器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue 獲取到數(shù)據(jù)但卻渲染不到頁(yè)面上的解決方法
這篇文章主要介紹了vue 獲取到數(shù)據(jù)但卻渲染不到頁(yè)面上的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要介紹了cdn模式下vue的基本用法，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-10-10
這篇文章主要為大家詳細(xì)介紹了在Vue中如何實(shí)現(xiàn)自定義hooks(組合式)函數(shù)，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-03-03
這篇文章主要介紹了vue中Echarts圖表寬度沒占滿的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue.set() (this.$set)的用法及說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了mpvue全局引入sass文件的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要和大家一起學(xué)習(xí)vue.js表單控件綁定操作,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
使用ElementUI中el-upload上傳文件轉(zhuǎn)base64格式
這篇文章主要介紹了使用ElementUI中el-upload上傳文件轉(zhuǎn)base64格式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)echarts中的儀表盤，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
vue3響應(yīng)式Proxy與Reflect的理解及基本使用實(shí)例詳解
這篇文章主要為大家介紹了vue3響應(yīng)式Proxy與Reflect的理解及基本使用實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08