Nginx 部署前端應(yīng)用挺普遍的鸽照,本文為演示快速啟動項目螺捐,其它配置后續(xù)再添加。使用的版本windows-1.17.10, linux-1.16.1
1. windows下的nginx配置
修改conf目錄下的nginx.conf
server{
listen 8081;
server_name localhost;
location / {
root /home/tuhuan/apps/build; //你的dist路徑
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html{
root html;
}
}
2. linux下的nginx配置
進入cd /etc/nginx/conf.d 目錄, 添加一個自己項目的配置
cd /etc/nginx/conf.d
sudo vim test-8081.conf
把以下內(nèi)容復(fù)制進去并保存
server{
listen 8081;
server_name localhost;
location / {
root /home/tuhuan/apps/build; //你的dist路徑
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html{
root html;
}
}
linux下的啟動和暫停命令
停止服務(wù): service nginx stop
啟動服務(wù): service nginx restart
參考文章 : windows下nginx的安裝及使用