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

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

巴特西

解决Vue项目打包之后放到nginx下刷新就报错404的问题

最新文章

热门文章