精品免费在线观看-精品欧美-精品欧美成人bd高清在线观看-精品欧美高清不卡在线-精品欧美日韩一区二区

17站長網(wǎng)

17站長網(wǎng) 首頁 網(wǎng)站 服務(wù)器 查看內(nèi)容

在nginx系統(tǒng)中部署vue項(xiàng)目的操作方法

2022-10-17 08:56| 查看: 1380 |來源: 互聯(lián)網(wǎng)

今天要用到服務(wù)器nginx,還需要把自己的vue的項(xiàng)目部署到服務(wù)器上去所以就寫一下記錄下來。 首先要去nginx官網(wǎng)下下載nginx: 下載地址:https://nginx.org/e ...

今天要用到服務(wù)器nginx,還需要把自己的vue的項(xiàng)目部署到服務(wù)器上去所以就寫一下記錄下來。

首先要去nginx官網(wǎng)下下載nginx:

下載地址:https://nginx.org/en/download.html

這里寫圖片描述

下載下來會是一個解壓包,解壓到你想放的文件夾下

這里寫圖片描述

運(yùn)行nginx.exe,然后打開瀏覽器輸入localhost出來如下圖片所示就說明成功了:

這里寫圖片描述

然后如果沒有成功出來的話也不要慌不要怕,可能是你的端口被別的內(nèi)容所占了這時你就打開你的nginx的目錄下找到conf

這里寫圖片描述

點(diǎn)擊進(jìn)去然后找到一個nginx.conf的文件

這里寫圖片描述

然后把它用編輯器的方式打開,打開之后找到這里的sever的listen就是你的端口號,默認(rèn)的是80端口,你可以根據(jù)自己沒有被占用的端口進(jìn)行改寫,改寫完成之后保存然后打開你的localhost:你改寫的端口號就OK了

 server {
      listen    8088;
      server_name localhost;

      #charset koi8-r;

      #access_log logs/host.access.log main;

      location / {
        root  html;
        index index.html index.htm;
    }

這里寫圖片描述

上面是安裝配置nginx服務(wù)器的方法,下面就是如何把自己的vue項(xiàng)目部署到你所安裝配置的nginx服務(wù)器上的步驟了:

首先找到自己的vue的項(xiàng)目然后輸入命令 npm run build 他會在你的vue目錄下生成一個dist文件夾里面就是你的vue的項(xiàng)目

這里寫圖片描述

然后打開這個dist文件夾把里面的內(nèi)容復(fù)制下來里面會有兩個文件一個是index.html是主目錄還有一個是static文件夾

這里寫圖片描述

把他們復(fù)制下來然后打開你的nginx的目錄下的html文件里面會有兩個默認(rèn)文件直接刪掉不要留,然后把你剛剛復(fù)制的文件粘貼進(jìn)去

這里寫圖片描述

然后打開瀏覽器輸入最開始改的端口號localhost:你所改的端口號回車;你就會看到自己的vue的項(xiàng)目跑起來了我的打開就是這樣的咯:

這里寫圖片描述

這樣就大功告成了~~~~~

以上所述是小編給大家介紹的在nginx系統(tǒng)中部署vue項(xiàng)目的操作方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對17站長網(wǎng)的支持!

本文最后更新于 2022-10-17 08:56,某些文章具有時效性,若有錯誤或已失效,請在網(wǎng)站留言或聯(lián)系站長:17tui@17tui.com
·END·
站長網(wǎng)微信號:w17tui,關(guān)注站長、創(chuàng)業(yè)、關(guān)注互聯(lián)網(wǎng)人 - 互聯(lián)網(wǎng)創(chuàng)業(yè)者營銷服務(wù)中心

免責(zé)聲明:本站部分文章和圖片均來自用戶投稿和網(wǎng)絡(luò)收集,旨在傳播知識,文章和圖片版權(quán)歸原作者及原出處所有,僅供學(xué)習(xí)與參考,請勿用于商業(yè)用途,如果損害了您的權(quán)利,請聯(lián)系我們及時修正或刪除。謝謝!

17站長網(wǎng)微信二維碼

始終以前瞻性的眼光聚焦站長、創(chuàng)業(yè)、互聯(lián)網(wǎng)等領(lǐng)域,為您提供最新最全的互聯(lián)網(wǎng)資訊,幫助站長轉(zhuǎn)型升級,為互聯(lián)網(wǎng)創(chuàng)業(yè)者提供更加優(yōu)質(zhì)的創(chuàng)業(yè)信息和品牌營銷服務(wù),與站長一起進(jìn)步!讓互聯(lián)網(wǎng)創(chuàng)業(yè)者不再孤獨(dú)!

掃一掃,關(guān)注站長網(wǎng)微信

大家都在看

  • 當(dāng)我們在共享網(wǎng)絡(luò)訪問的時候,可能會遇到提示指定的網(wǎng)絡(luò)名不再可用的問題,這可能是由于我們的共享網(wǎng)絡(luò)出現(xiàn)了錯誤,也可能是被共享的對象所拒絕了。指定的網(wǎng)絡(luò)名 ......

    故障排除 2023-03-10
  •   文/曹楊  原標(biāo)題:誰還看電視?  爸爸戴一副老花鏡,媽媽戴一副近視鏡,一人坐在沙發(fā),一人躺在床上,各自刷著自己關(guān)注的博主更新的短視頻。電視也許開著,但只是背景! ∵@樣的畫面,幾乎成了洛奇家的常 ...

    站長 2020-12-09
  • 圖片來源于簡書  文/郭開森 楊帆  陸玖財經(jīng)準(zhǔn)備開新欄目了,每周一創(chuàng)始人郭開森和楊帆合體郭德帆,對行業(yè)進(jìn)行一些觀察和評論,第一篇我們?nèi)允谴蛩銓懮鐓^(qū)團(tuán)購,這是當(dāng)下最火的話題! 磉^陸玖財經(jīng)做客的朋友們...

    熱議 2020-12-07
  • 1、首先進(jìn)入到“百度”軟件中, 2、然后在其中輸入“百度識圖”, 3、之后點(diǎn)擊圖中的“開始使用”按鈕, 4、緊接著點(diǎn)擊右下角的“相冊”功能, 5、在相冊下 ......

    軟件教程 2023-02-17
  • 一、軟件沖突1、首先確認(rèn)是否是應(yīng)用程序沖突導(dǎo)致的。2、查看是否只有特定幾個游戲或應(yīng)用會導(dǎo)致該問題。3、如果是應(yīng)用沖突,那么只要卸載這些app就可以解決了。二 ......

    軟件教程 2022-12-27
  • 電腦端:1、大家可以點(diǎn)擊右邊鏈接進(jìn)入網(wǎng)頁版的百度網(wǎng)盤,進(jìn)入之后點(diǎn)擊“去登錄”。https://pan.baidu.com/2、之后正確的輸入賬號密碼進(jìn)行登錄就好啦。手機(jī)端:1 ......

    軟件教程 2022-12-27
  • 在填寫一些項(xiàng)目申請書中,總是免不了要選擇一些數(shù)字,但是在方框中如何插入數(shù)字,該怎么辦呢?那么下面就由學(xué)習(xí)啦小編給大家分享下word在方框里輸入數(shù)字的技巧, ......

    Word教程 2023-04-27
  • 8月15日消息 上周,有媒體報道前身為百度圖片的“榴蓮”APP含有大量不雅視頻內(nèi)容被用戶舉報。對此,百度圖片官方進(jìn)行了回應(yīng),百度圖片表示已經(jīng)對報道中所涉及的“生吃旋風(fēng)哥”等爭議內(nèi)容進(jìn)行了下線處理。 此外,百度...

    站長 2016-08-15
  • 一、N100對比intel i3 1、N100的跑分達(dá)到了147210分,這個數(shù)據(jù)可以達(dá)到i3的七代級別。 2、在跑分上也是超越了大部分的I3七代CPU,不過比I3八代要弱勢一些。 3 ......

    硬件知識 2023-04-26
  • WPS Office手機(jī)版怎么加橫線?很多用戶還不知道WPS Office手機(jī)版怎么加橫線,WPS Office手機(jī)版怎么加橫線,WPS Office手機(jī)版怎么打橫線,WPS Office手機(jī)版怎么弄 ......

    WPS教程 2023-03-31
  • 迅雷前綴是什么 答:迅雷前綴是(magnet:?xt=urn:btih:)括號里的就是了。 我們只要在這段文字之后輸入后續(xù)的內(nèi)容,就可以創(chuàng)建下載鏈接了。 1、磁力鏈接不基于文 ......

    軟件教程 2023-06-03
  • 一、內(nèi)容特權(quán)。 1、半價點(diǎn)播。 許多站內(nèi)視頻都需要付費(fèi)觀看,而大會員用戶可以直接半價享受; 購買成功后的48h內(nèi)無限次觀看。有部分的內(nèi)容是只限在中國大陸內(nèi)觀 ......

    軟件教程 2023-05-05
  • 1、首先打開小米運(yùn)動的“實(shí)驗(yàn)室功能”。 2、接著點(diǎn)擊“門卡模擬”。 3、然后點(diǎn)擊“我知道了”。 4、最后貼近就可以刷卡成功了。...

    硬件知識 2023-05-17
  • 1、打開手機(jī)輕顏相機(jī)app,點(diǎn)擊“我的”,點(diǎn)擊“設(shè)置”,2、點(diǎn)擊“幫助與反饋”,3、點(diǎn)擊右下角“在線咨詢”即可聯(lián)系客服,詢問自己的問題啦!...

    軟件教程 2023-03-16
  • 答:華為P系列: 華為p40,華為p40plus,華為p50,華為p50e,華為p60 華為mate系列: 華為mate40,華為mate50,華為mate50e,華為mate60 華為nova系列: 華為n ......

    鴻蒙系統(tǒng) 2023-04-24
  • 近期有用戶反映,電腦在更新Windows 11 Insider Preview 25252.1000后,出現(xiàn)了應(yīng)用和已壓縮的文件點(diǎn)擊毫無反應(yīng),拖拽都不行,只能從開始菜單打開的情況,這是怎 ......

    windows11 2022-12-13
  • 可見單元格就是不包括隱藏或者篩選篩選后隱藏起來的單元格區(qū)域。方法:篩選或隱藏數(shù)據(jù),復(fù)制需要粘貼的值,在目標(biāo)單元格區(qū)域左上角的第一個單元格處右擊,選擇【 ......

    WPS教程 2022-12-10
  • 答:驍龍8+更好。 驍龍7+gen2實(shí)際上就是驍龍8+的低配版本。 在一些其他的核心架構(gòu)方面都是保持一致的,比如說CPU的架構(gòu)、GPU的架構(gòu)等等。 驍龍7+和驍龍8+具體 ......

    硬件知識 2023-04-06
  •   文/黎明  一場針對中國互聯(lián)網(wǎng)巨頭的反壟斷風(fēng)暴正在醞釀,而且這次動真格了! 11月10日,國家市場監(jiān)管總局發(fā)布《關(guān)于平臺經(jīng)濟(jì)領(lǐng)域的反壟斷指南(征求意見稿)》,要加大對互聯(lián)網(wǎng)巨頭涉嫌壟斷的調(diào)查和監(jiān)管。 ...

    熱議 2020-11-14
  • win11系統(tǒng)如何釋放掉系統(tǒng)默認(rèn)保留的存儲空間?一般情況下,Windows會保留一些存儲空間,以便設(shè)備獲得良好性能和成功更新。但是當(dāng)出現(xiàn)系統(tǒng)盤儲存空間不足時,我們會將幾個G的保留空間釋放出來,以解燃眉之急。本期教...

    windows11 2022-11-17
  • 文件被win10系統(tǒng)誤報病毒自動刪除了如何進(jìn)行恢復(fù)?有用戶下載了某些破解軟件卻被Win10系統(tǒng)誤認(rèn)為是病毒文件而自動刪除,當(dāng)然系統(tǒng)自帶殺毒軟件其實(shí)挺不錯的,就是有時候會誤報,大家遇到這種情況的時候就希望把誤刪的...

    windows10 2022-11-20
  • win11系統(tǒng)快速跳過聯(lián)網(wǎng)創(chuàng)建本地管理賬戶3種方法?現(xiàn)在市面上銷售的品牌筆記本和臺式機(jī)基本上都預(yù)裝Windows11家庭中文版正版操作系統(tǒng),聯(lián)網(wǎng)后系統(tǒng)會自動激活。當(dāng)用戶拿到新機(jī)器后還需要按照cortana(小娜)的提示一步...

    windows11 2022-11-13
  • 羅技g304dpi燈顏色代表什么:1、藍(lán)色:這種情況是正常工作的顯示,如果說是常亮或者閃爍,那都沒有問題這是在正常工作呢。2、紅色:如果說是紅燈閃爍的話那就是 ......

    硬件知識 2023-03-16
  • 答:在3DMark壓力測試當(dāng)中,顯卡需要超高97%才能夠算合格,證明顯卡的穩(wěn)定性是過關(guān)的。 1、一般的默認(rèn)情況下在2500~3000分就算很正常的了。 2、分?jǐn)?shù)越高說明顯卡 ......

    軟件教程 2023-06-01
  • 1、先打開機(jī)頂盒進(jìn)入主界面,并且使用遙控器打開設(shè)置。 2、然后選擇“賬號與安全”,并且進(jìn)入。 3、最后往下面翻就可以看到“ADB調(diào)試”的選項(xiàng),直接開啟就行了 ......

    軟件教程 2023-06-01
  • 相信有非常多使用過筆記本的用戶都聽說過獨(dú)顯直連這個詞,但很多用戶并不了解獨(dú)顯直連是什么,又有什么用處,那么下面就和小編一起來看看什么是獨(dú)顯直連和開啟這 ......

    其它 2022-12-15
  • 答:中高端水平 i513500hx在處理器當(dāng)中是處于一個中高端的水平。 i513500hx是第十一代酷睿處理器系列的一員,基礎(chǔ)頻率為2.4GHz,表現(xiàn)十分的不錯。 i513500hx介 ......

    硬件知識 2023-04-27
  • win11系統(tǒng)開機(jī)總是自動登錄OneDrive如何關(guān)閉?win11系統(tǒng)開機(jī)的時候,會自動啟動OneDrive,不想要啟動,該怎么操作呢?下面我們就來看看詳細(xì)的教程。 在OneDrive界面點(diǎn)小齒輪按鈕,下拉菜單中點(diǎn)【設(shè)置】。 單擊【...

    windows11 2022-11-15
  • 1、首先確認(rèn)手機(jī)型號是否支持無線充電功能,(可以在品牌官網(wǎng)找到手機(jī)信息查看)2、查看充電板的指示燈是否亮起。指示燈不亮檢查充電器、數(shù)據(jù)線、電源之間連接是 ......

    硬件知識 2023-03-10
  • 背景 有時候我們需要獲取文件的創(chuàng)建時間。 例如: 我在研究 《xtrabackup 原理圖》的時候,想通過觀察確認(rèn) xtrabackup_log 是最早創(chuàng)建 并且是 最晚保存的 ......

    服務(wù)器 2022-10-17

熱門排行

    最近更新

      返回頂部
      主站蜘蛛池模板: 久久99精品一久久久久久 | 亚洲天天网综合自拍图片专区 | 国产酒店视频 | 日本片网址 | 伊人啪啪 | 亚洲自偷 | 七色永久性tv网站免费看 | 成人影院免费www | 国产90后美女露脸在线观看 | 久久成人免费播放网站 | 成人资源在线观看 | 免费观看片 | 成人免费视频网 | 婷婷综合国产激情在线 | 成人国产网站 | 欧美一级精品高清在线观看 | 娇喘嗯嗯~轻点啊视频福利 | 色婷婷狠狠干 | 丁香六月色婷婷 | 国产高清一 | 欧美黄色免费在线观看 | 国产精品自在线拍国产 | 国产成人免费观看 | 日韩精品片 | 最新精品在线视频 | 在线观看黄日本高清视频 | 毛片免费观看日本中文 | 欧美一区精品二区三区 | 九九热精品视频在线 | 57pao国产成永久免费视频 | 久久在线免费视频 | 国产成人精品男人的天堂网站 | 亚洲视频网站在线观看 | 欧美成人中文字幕 | 日本人一级毛片免费完整视频 | 婷婷色激情 | 黄色片中文字幕 | 真人实干一级毛片aa免费 | 欧美欲妇激情视频在线 | 欧美日韩国产一区二区 | 欧美狠狠入鲁的视频极速 |