友情提示,该文章仅适用于刚踏入行的新手朋友,写的不好,勿怪!
目录
1,打开nginx配置文件,在 Linux 系统中,Nginx 的配置文件通常位于 /etc/nginx/ 目录下
2,点击 i 进入编辑模式 ,在http{ }下加入配置server配置,
5,修改完以后点键盘上esc键,结束编辑模式 在控制台输入 :wq 回车用于保存并退出,如若有误则输入 :q!
6,修改完毕后,检查是否有误,重新加载nginx并重启服务即可
1,打开nginx配置文件,在 Linux 系统中,Nginx 的配置文件通常位于 /etc/nginx/
目录下 ,如果找不到用下方命令查找
sudo find / -name "nginx.conf"
编辑文件
sudo vim /etc/nginx/nginx.conf
2,点击 i 进入编辑模式 ,在http{ }下加入配置server配置,
server {
listen 8080; #将此处替换为你前端服务的端口
server_name localhost; # 将此处替换为你服务器的 IP 地址
root /dev/project/bo; # 前端文件所在的目录路径 也就是dist文件所在路径
location /api { #代理接口前缀
# 配置反向代理到 后端服务器
proxy_pass http://localhost:10081; #后端IP及端口
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
3,不用反向代理则只需配置前端文件路径的情况
server {
listen 8082; # 监听前端服务端口号
server_name localhost; # 域名或IP地址
root /project/mahjong/dist; # 前端项目的根目录
index index.html; # 默认首页文件名称
location / {
try_files $uri $uri/ /index.html; # 将所有请求重定向到 index.html
}
}
4,有时还会遇到需要配置静态文件访问路径,
#配置静态文件访问路径
server {
listen 80;
listen [::]:80;
server_name localhost;
root /;
location / {
try_files $uri $uri/ =404;
}
# 处理 /path/your/upload/folder 下的图片请求
location ~ ^/path/your/upload/folder/(.*)$ {
root /path/your/upload/folder/;
try_files /$1 =404;
}
# 其他配置...
}
5,修改完以后点键盘上esc键,结束编辑模式 在控制台输入 :wq 回车用于保存并退出,如若有误则输入 :q!
:wq
:q!
6,修改完毕后,检查是否有误,重新加载nginx并重启服务即可
#检查配置文件是否正确
sudo nginx -t
重新加载配置文件
sudo nginx -s reload
重启nginx服务
sudo service nginx restart