解決Vue項目打包之后放到nginx下刷新就報錯404的問題

最近跟着某機構的教學視頻敲了一遍vue項目，但是在windows環境下部署的時候就懵逼了放到nginx下正常跑沒問題，但是刷新之后就報404錯誤

 

 

 

 

前端項目構建vue 腳手架版本 是@vue/cli 4.3.1，構建項目之后沒有config.js文件。無奈按照網上說的最簡單的辦法

就是將router模式改為默認的hash模式不使用history模式，然后部署到nginx下就能正常刷新了

 

 

 

server {
        listen       8067;
        server_name  localhost;
		#proxy_set_header X-Forwarded-Host $host;
		#proxy_set_header X-Forwarded-Server $host;
		#proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        location / {
			root dist;
			index index.html index.htm
			try_files $uri $uri/ /dist/index.html;
        }

       
    }

　　

 

 

 

 

 

 

 刷新之后

 

 

 

刷新之后沒有再出現404的問題了

---------------------2020/9/1 更新-修正windows環境nginx history模式刷新失敗的問題----------------------------

 

 nginx存放路徑

 

 

 

nginx 的配置

 

 刷新之后完美解決報錯的問題