資訊專(zhuān)欄INFORMATION COLUMN
摘要：但是有些工程師學(xué)過(guò)一些自以為很高深，把項(xiàng)目部署在靜態(tài)服務(wù)文件夾下然后啟動(dòng)服務(wù)器以帶動(dòng)項(xiàng)目。
現(xiàn)在vue-cli已經(jīng)是前端工程師必會(huì)的框架了（沒(méi)有之一），很多前端工程師只會(huì)Vue項(xiàng)目的開(kāi)發(fā)，并不會(huì)部署，因?yàn)榇蟛糠止卷?xiàng)目的部署工作是交給自己的上級(jí)或者項(xiàng)目管理者的，關(guān)于部署的相關(guān)知識(shí)可能大家都不甚了解，今天就給大家深入講解一下我對(duì)Vue項(xiàng)目部署的心得和體會(huì)！
1.Vue項(xiàng)目打包
vue項(xiàng)目的打包可能大家都不陌生，一句npm run build就完事了，打包完成后項(xiàng)目會(huì)生成一個(gè)“dist”文件夾，里面是打包好的“靜態(tài)文件”。那關(guān)于“靜態(tài)文件”大家可能都不陌生，前端之前的項(xiàng)目都是由靜態(tài)文件構(gòu)成的，雖然現(xiàn)在前端的項(xiàng)目工程化了，但是；所謂“萬(wàn)變不離其宗”，它的本來(lái)面目還是靜態(tài)文件而已！
2.準(zhǔn)備靜態(tài)服務(wù)器
我們上文說(shuō)到Vue打包完成后是靜態(tài)文件，因此我們部署Vue項(xiàng)目只需要準(zhǔn)備一個(gè)靜態(tài)服務(wù)器即可，與PHP項(xiàng)目的部署無(wú)異。但是有些工程師學(xué)過(guò)一些Node.js自以為很高深，把項(xiàng)目部署在Node靜態(tài)服務(wù)文件夾下......然后啟動(dòng)Node服務(wù)器以帶動(dòng)Vue項(xiàng)目。大家說(shuō)這種方法如何？我只能說(shuō)這樣的項(xiàng)目只是一個(gè)“玩具”，因?yàn)镹ode本身就不夠強(qiáng)大和穩(wěn)定，更何況它的靜態(tài)服務(wù)呢？
3.nginx部署
本文為大家推薦的是用nginx部署Vue項(xiàng)目，nginx能做的事情太多了，我們常用的有：正向代理、反向代理、負(fù)載均衡等，它的知識(shí)你想學(xué)三天三夜都學(xué)不完，之前在圖書(shū)館看到nginx的教程有那么厚，而我們用不到那么多，只需要學(xué)會(huì)用nginx部署我們的Vue項(xiàng)目就可以了，以下是最簡(jiǎn)單的nginx配置：
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
server {
listen 80; #端口
server_name localhost; #可換成你的域名
root /var/www/vue/; #項(xiàng)目目錄
index index.html;
} }
好了，以上就是Vue項(xiàng)目部署的一些知識(shí)，如果還不明白可以在博客下面留言
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106329.html
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開(kāi)發(fā)和面試問(wèn)題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開(kāi)發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開(kāi)發(fā)和面試問(wèn)題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開(kāi)發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開(kāi)發(fā)和面試問(wèn)題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開(kāi)發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
閱讀 1789·2021-09-27 14:02
閱讀 3303·2021-09-27 13:36
閱讀 1073·2019-08-30 12:46
閱讀 1865·2019-08-30 10:51
閱讀 3607·2019-08-29 17:02
閱讀 976·2019-08-29 16:38
閱讀 1875·2019-08-29 16:37
閱讀 3090·2019-08-26 10:32
