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

 

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

 

 

posted @ 2020-08-30 22:46  黑化肥会挥发吗  阅读(2123)  评论(1)    收藏  举报