vue-cli項(xiàng)目部署到nginx學(xué)習(xí)筆記

相關(guān)命令行:

查看nginx進(jìn)程:ps aux | grep nginx;

查看nginx的安裝位置:whereis nginx;

vue-cli 打包 部署

IIS

nginx

less

rem

------------------------------------

router

安裝vue項(xiàng)目:

0. npm install vue-cli -g

1. vue? init webpack? 本地工程名稱

2. npm run dev

? ? npm run build

Home.vue

News.vue

Apache:

在項(xiàng)目根目錄里面

.htaccess

<IfModule mod_rewrite.c>

? RewriteEngine On

? RewriteBase /

? RewriteRule ^index\.html$ - [L]

? RewriteCond %{REQUEST_FILENAME} !-f

? RewriteCond %{REQUEST_FILENAME} !-d

? RewriteRule . /index.html [L]

</IfModule>

nginx:

gcc-c++

ps aux | grep nginx 查看進(jìn)程

whereis nginx 查看nginx安裝地兒

安裝nginx:

yum install nginx 安裝稀碎棚点,后期如果想配置羊初,簡直要死

源碼 √

1. wget -c http://nginx.org/download/nginx-1.13.8.tar.gz

2. 解壓

? ? tar -zxvf nginx -1.xxxx

3. 切入目錄里面 配置

? ? ./configure 使用默認(rèn)配置

4. 編譯、安裝

? ? make && make install

5. 啟動(dòng)nginx

? ? cd /usr/local/nginx/sbin

./nginx 啟動(dòng)nginx

打包壓縮 zip

rz ...

unzip? xxxx

讓vue項(xiàng)目能看到:

簡單配置 nginx.conf

cd /usr/local/nginx/conf

重啟nginx:

記得切到sbin里面

./nginx -s reload

SPA項(xiàng)目:

記得配置 rewrite:

try_files $uri $uri/ /index.html;

-----------------------------------------------------------

vue手機(jī):

1. rem

px2rem-loader

build/utils.js

cssLoaders:

const px2remLoader = {

? ? loader: 'px2rem-loader',

? ? option:{

? ? ? remUnit:40

? ? }

? }

應(yīng)用:

2. 手機(jī)端測試

必須訪問電腦ip地址熙宇, 確保手機(jī)和pc處于同一個(gè)網(wǎng)段

config/index.js

host:'0.0.0.0',

disableCheckHost:true ? 這句話不必要加

51mmr.net/vue/xxxx

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末贺辰,一起剝皮案震驚了整個(gè)濱河市虱岂,隨后出現(xiàn)的幾起案子竹捉,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,496評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件傻盟,死亡現(xiàn)場離奇詭異速蕊,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)娘赴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,187評論 3 385
  • 文/潘曉璐 我一進(jìn)店門规哲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人诽表,你說我怎么就攤上這事唉锌。” “怎么了竿奏?”我有些...
    開封第一講書人閱讀 157,091評論 0 348
  • 文/不壞的土叔 我叫張陵袄简,是天一觀的道長。 經(jīng)常有香客問我泛啸,道長绿语,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,458評論 1 283
  • 正文 為了忘掉前任候址,我火速辦了婚禮吕粹,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘岗仑。我一直安慰自己匹耕,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,542評論 6 385
  • 文/花漫 我一把揭開白布荠雕。 她就那樣靜靜地躺著稳其,像睡著了一般。 火紅的嫁衣襯著肌膚如雪炸卑。 梳的紋絲不亂的頭發(fā)上既鞠,一...
    開封第一講書人閱讀 49,802評論 1 290
  • 那天,我揣著相機(jī)與錄音矾兜,去河邊找鬼损趋。 笑死,一個(gè)胖子當(dāng)著我的面吹牛椅寺,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蒋失,決...
    沈念sama閱讀 38,945評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼返帕,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了篙挽?” 一聲冷哼從身側(cè)響起荆萤,我...
    開封第一講書人閱讀 37,709評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后链韭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體偏竟,經(jīng)...
    沈念sama閱讀 44,158評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,502評論 2 327
  • 正文 我和宋清朗相戀三年敞峭,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了踊谋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,637評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡旋讹,死狀恐怖殖蚕,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情沉迹,我是刑警寧澤睦疫,帶...
    沈念sama閱讀 34,300評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站鞭呕,受9級特大地震影響蛤育,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜葫松,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,911評論 3 313
  • 文/蒙蒙 一缨伊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧进宝,春花似錦刻坊、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,744評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至未玻,卻和暖如春灾而,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背扳剿。 一陣腳步聲響...
    開封第一講書人閱讀 31,982評論 1 266
  • 我被黑心中介騙來泰國打工旁趟, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人庇绽。 一個(gè)月前我還...
    沈念sama閱讀 46,344評論 2 360
  • 正文 我出身青樓锡搜,卻偏偏與公主長得像,于是被迫代替她去往敵國和親瞧掺。 傳聞我的和親對象是個(gè)殘疾皇子耕餐,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,500評論 2 348

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