1.準(zhǔn)備工具
服務(wù)器：阿里云 騰訊云 華為云都可以 我這里使用的是阿里云ECS共享型(推薦)
xshell：用于遠(yuǎn)程連接服務(wù)器，修改配置文件
xftp：用于連接遠(yuǎn)程服務(wù)器，將本地資源上傳到遠(yuǎn)程服務(wù)器
2.服務(wù)器設(shè)置
1.第一次需重置實(shí)例密碼
2.配置安全組規(guī)則
開(kāi)啟常用的端口
22必須要開(kāi) 80是默認(rèn)訪問(wèn)端口也打開(kāi)
3.使用Xshell連接服務(wù)器
打開(kāi)Xshell新建連接，名稱自己起一個(gè)，主機(jī)寫自己服務(wù)器的公網(wǎng)地址，協(xié)議不需要更改。端口選擇22(默認(rèn)的，所以剛剛需要開(kāi)啟22端口)
?點(diǎn)擊連接
輸入用戶名root 密碼是自己設(shè)置的密碼
?4.使用xftp將dist文件上傳到服務(wù)器
一樣 新建會(huì)話 輸入賬號(hào)密碼連接服務(wù)器
?進(jìn)入下面的畫面，左側(cè)是本地的，右側(cè)就是服務(wù)器的空間，可以在服務(wù)器的root文件夾下新建文件，將dist文件拷貝過(guò)去。拷貝完成之后就可以退出xftp了
?4.這個(gè)時(shí)候訪問(wèn)主機(jī)會(huì)提示網(wǎng)絡(luò)錯(cuò)誤，因?yàn)榇藭r(shí)我們的主機(jī)相當(dāng)于還只是一個(gè)電腦，需要安裝nginx代理服務(wù)器
回到xshell面板 輸入 yum install nginx 安裝nginx服務(wù)器
linux常用指令：cd進(jìn)入文件夾? ?/表示根目錄? ls顯示當(dāng)前目錄下所有文件 cd ../退回上一層目錄?
linux中 藍(lán)色的表示文件夾 白色的表示文件 vim xxx可以進(jìn)入編輯文件
安裝完成后 輸入cd /進(jìn)入根目錄，nginx默認(rèn)被安裝到了根目錄的etc文件下
?cd etc 里面有nginx文件夾
?cd nginx進(jìn)入nginx文件夾
找到nginx.conf 是nginx的配置文件
?
vim nginx.conf編輯nginx的配置文件
修改user為root
在server中可以指定端口號(hào)文件路徑，listen表示監(jiān)聽(tīng)的端口號(hào)，默認(rèn)是80 我們可以自己修改
root是訪問(wèn)改主機(jī)的這個(gè)端口的時(shí)候，會(huì)到哪個(gè)根目錄下去找資源，這里就是將我們的dis文件的目錄放進(jìn)來(lái)就可以了。
index是在root指定的目錄下去找哪個(gè)文件?
?修改完成之后保存退出 重啟一下nginx服務(wù)器即可
nginx啟動(dòng)命令：nginx
nginx停止命令：nginx -s stop
vim用到的命令：q!不修改退出 wq保存退出文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-443063.html
如果用到了代理已經(jīng)history模式的話 還需要再location中去配置，這里暫時(shí)沒(méi)有用到? 后面會(huì)補(bǔ)充文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-443063.html
到了這里，關(guān)于前端項(xiàng)目部署到服務(wù)器的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
