1. 問題描述

• 按照 若依框架前后端項(xiàng)目分離部署（jar包+Nginx部署）這篇博客的教程將若依項(xiàng)目部署到服務(wù)器上，可以訪問，但是一刷新就會(huì)出現(xiàn)404

2. 解決

• 修改配置文件

worker_processes  1;

events {worker_connections  1024;
}

http {include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {listen       80;   # 瀏覽器上訪問的接口
        server_name  localhost;
		
	    #root   html/dist; 盡量不要把dist文件夾放在nginx中
	    
	    root   c:/html/dist; # 將dist放在c盤html目錄下

        location / {   #需要指向下面的@router否則會(huì)出現(xiàn)vue的路由在nginx中刷新出現(xiàn)404
		   try_files $uri $uri/ @router;		
		   index  index.html index.htm;
        }
		
        location /prod-api/{  	   proxy_set_header Host $http_host;
		   proxy_set_header X-Real-IP $remote_addr;
		   proxy_set_header REMOTE-HOST $remote_addr;
		   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		   proxy_pass http://localhost:8080/;  # 后端接口
	     }

        #對(duì)應(yīng)上面的@router，主要原因是路由的路徑資源并不是一個(gè)真實(shí)的路徑，所以無法找到具體的文件
        #因此需要rewrite到index.html中，然后交給路由在處理請(qǐng)求資源
        location @router {   rewrite ^.*$ /index.html last;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {root   html;
        }
    }
}

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級(jí)服務(wù)器適合批量采購，新人活動(dòng)首月15元起，快前往官網(wǎng)查看詳情吧

目前成都創(chuàng)新互聯(lián)公司已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、銅川網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
網(wǎng)頁名稱：使用nginx部署Vue項(xiàng)目，刷新出現(xiàn)404-創(chuàng)新互聯(lián)
當(dāng)前地址：http://weahome.cn/article/csscds.html