解决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 的配置

 

 刷新之后完美解决报错的问题