nginx 配置 vue (history模式) 项目

219 阅读1分钟

server { listen 8075; server_name localhost; root /home/vol1/zenuo_html; location / { try_files uriuri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404 index index.html ; } #对应上面的@router,主要原因是路由的路径资源并不是一个真实的路径,所以无法找到具体的文件 #因此需要rewrite到index.html中,然后交给路由在处理请求资源 location @router { rewrite ^.*$ /index.html last; } #location / {

root /home/vol1/zenuo_html;

index index.html;

proxy_pass http://192.168.111.20:8081;

}

location /announcement { proxy_pass http://127.0.0.1:8081; proxy_set_header Host remote_addr;
proxy_connect_timeout 15s;
proxy_send_timeout 15s;
proxy_read_timeout 15s;
proxy_set_header X-Real-IPremote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

} }