項目上線流程

域名:新網(wǎng) 萬網(wǎng)
服務器及域名購買略
1茄厘、任意命令行工具里輸入ssh root@服務器公網(wǎng)IP

2矮冬、輸入yes,然后輸入服務器開機密碼次哈。密碼處于安全考慮不會顯示

image.png

3胎署、安裝git yum install git
image.png

image.png

4、安裝node高版本亿乳,安好之后就有node和npm
$ curl -sL https://rpm.nodesource.com/setup_10.x | sudo bash -
$ yum install nodejs
5硝拧、一般在data文件夾下放數(shù)據(jù),通過touch index.html可以創(chuàng)建一個文件葛假,使用自帶的vi/vim工具可以進行編輯障陶,cat命令只查看不編輯
6、安裝httpserver npm i http-server -g
7聊训、 http-server啟動服務
8抱究、安裝pm2 讓node進程保持后臺運行 npm i pm2 -g
pm2 start http-server 讓服務器保持運行
pm2 list/ls 查看有哪些通過pm2運行的服務
pm2 delete 需要關(guān)閉服務的id停止服務
通過nginx部署服務
1、安裝nginx yum install nginx -y
nginx的配置文件在etc/nginx/conf.d/*.conf這個文件里面

image.png

基本配置:進入到 /etc/nginx/conf.d 新建一個 任意名字.conf 在里面寫入server的配置
pwd 查看當前所在的路徑
i 編輯 insert
:wq 保存并退出

server {
    listen 8000; // 端口
    root /var/www/yourfolder/build/; // 指向你要訪問的文件夾
    location / {
        try_files $uri $uri/ /index.html;
    }
    location /api/ {
        proxy_pass http://serverip:4444;
    }

完成后保存带斑,并重啟nginx服務:
$ nginx -t
這時執(zhí)行
$ nginx -c /etc/nginx/nginx.conf只需執(zhí)行一次
$ nginx -s reload
2鼓寺、解析域名,通過域名訪問之前的IP地址:

image.png

3勋磕、通過git clone 項目地址來克隆自己的項目
4妈候、npm i 安裝項目所需的所有依賴
5、npm run serve 運行服務
6挂滓、npm run build 部署
解決nginx不能npm run build的問題:

$ sudo /bin/dd if=/dev/zero of=/var/swap.1 bs=1M count=1024
$ sudo /sbin/mkswap /var/swap.1
$ sudo /sbin/swapon /var/swap.1

7苦银、在conf.d下面創(chuàng)建一個項目需要的配置文件,來指向項目目錄下的dist文件夾下面的index文件
如果獲取不到數(shù)據(jù)報錯,需要設(shè)置nginx代理:
location /api { proxy_pass 需要獲取的數(shù)據(jù)來源地址;}
8幔虏、遇到頁面刷新報錯就在conf.d里加入一個這樣的location:

location / {
  try_files $uri $uri/ /index.html;
}

最后效果如下圖:


image.png

遇到nginx 403 forbidden問題解決辦法
打開nginx.conf把用戶名設(shè)置為主機名纺念,一般是root

$ vim nginx.conf
      user root
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市想括,隨后出現(xiàn)的幾起案子陷谱,更是在濱河造成了極大的恐慌,老刑警劉巖瑟蜈,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件烟逊,死亡現(xiàn)場離奇詭異,居然都是意外死亡铺根,警方通過查閱死者的電腦和手機焙格,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來夷都,“玉大人眷唉,你說我怎么就攤上這事《诠伲” “怎么了冬阳?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長党饮。 經(jīng)常有香客問我肝陪,道長,這世上最難降的妖魔是什么刑顺? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任氯窍,我火速辦了婚禮,結(jié)果婚禮上蹲堂,老公的妹妹穿的比我還像新娘狼讨。我一直安慰自己,他們只是感情好柒竞,可當我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布政供。 她就那樣靜靜地躺著,像睡著了一般朽基。 火紅的嫁衣襯著肌膚如雪布隔。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天稼虎,我揣著相機與錄音衅檀,去河邊找鬼。 笑死霎俩,一個胖子當著我的面吹牛哀军,可吹牛的內(nèi)容都是我干的计济。 我是一名探鬼主播,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼排苍,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了学密?” 一聲冷哼從身側(cè)響起淘衙,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎腻暮,沒想到半個月后彤守,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡哭靖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年具垫,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片试幽。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡筝蚕,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出铺坞,到底是詐尸還是另有隱情起宽,我是刑警寧澤,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布济榨,位于F島的核電站坯沪,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏擒滑。R本人自食惡果不足惜腐晾,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望丐一。 院中可真熱鬧藻糖,春花似錦、人聲如沸库车。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽凝颇。三九已至潘拱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間拧略,已是汗流浹背芦岂。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留垫蛆,地道東北人禽最。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓腺怯,卻偏偏與公主長得像,于是被迫代替她去往敵國和親川无。 傳聞我的和親對象是個殘疾皇子呛占,可洞房花燭夜當晚...
    茶點故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 必備條件 一臺linux服務器(centos/ubuntu)服務器 一款web服務器(Nginx/apache/t...
    Splendid飛羽閱讀 1,328評論 0 4
  • 本文不講解各種技術(shù)的詳細使用,只把整個node初步部署的過程寫出來懦趋,最終目的是能確保nodejs成功在云主機跑起來...
    osjj閱讀 23,496評論 10 46
  • 1.在vue.config.js里面加publicPath: './', 2.路由方式換成hash模式 3.運行n...
    曹增閱讀 1,467評論 0 3
  • 上線前提:硬件搭建的服務要自己先測試通過晾虑,不要上線時才發(fā)現(xiàn)有問題,還要重新搭建仅叫;下午前確定是否符合上線要求(軟件和...
    溫帥閱讀 4,934評論 0 5
  • 我爸帜篇,愛吸煙、愛喝酒诫咱、愛下象棋笙隙。這是自打我生下來就有的癖好。 自從從村里搬到城里坎缭,自從廣場舞興起竟痰,自從手機、WiF...
    翯翯勒勒閱讀 477評論 0 0