# Default server configuration
#
server {
listen 80;
autoindex on;
#自己设置端口号
server_name 127.0.0.1; #自己设置ip地址
#location @router {
# rewrite ^.*$ /index.html last; #解决重新刷新页面,页面空白的问题
# }
location /api/ {
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Scheme $scheme;
proxy_set_header X-Forwarded-Scheme $scheme;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_cookie_path / /api/;
proxy_pass http://127.0.0.1:8080/; #8080是后端端口
}
location / {
root /usr/share/nginx/dist; #这里写vue项目的所在地址
index index.html; #这里是vue项目的首页,需要保证dist中有index.html文件
try_files $uri $uri/ /index.html;
}
error_page 500 502 503 504 /50x.html; #错误页面
}
该配置文件是一个基本的Nginx服务器配置示例,用于监听80端口并设置了一个Vue项目的反向代理到8080端口。location/api/部分将请求转发到后端服务,而location/则处理Vue项目的静态文件,确保路由正确工作。此外,还包含了错误页面的设置。
455

被折叠的 条评论
为什么被折叠?



