nginx 配置 vue （history模式） 項目

vue中有兩種模式

history模式(訪問地址中包含 /#/ ),有的場景下(例如官網)，訪問地址出現該路徑會比較難看，需要優化，需要切換到另外一種模式，但是nginx需要配置一下，不然刷新頁面會出現404

server {
listen 8075;
server_name localhost;
root /home/vol1/zenuo_html;
location / {
try_files $uri $uri/ @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-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

}
}