nginx和vue里面的vue-router产生冲突解决方案

解决方案

2021/3/4 下午

这两天搭建自己的网站时用vue写了前端，并准备部署到服务器的nginx上。用的是腾讯云的centos 8 云服务器。但在部署时遇到了问题，即：访问网站子目录时刷新出现404问题。（注意：我的网站文件是放在nginx的根目录下的）

原因：nginx的路由和vue的虚拟路由(就是vue-router)产生了冲突，本来是想用vue-router进行路由跳转，但nginx以为是nginx自己的路由，然而nginx目录下面不存在这个路由，所以报了404的错误。

怎么解决嘞？ vue-router 的官方文档有讲！

即：在服务器里打开 nginx.conf 文件，
找到

location / {
	
}

在里面添加一句

location / {
	try_files $uri $uri/ /index.html;
}

这样就可以了。（注意：我的网站部署在nginx根目录下，其他情况可能不适用）

以上就是nginx和vue里面的vue-router产生冲突的解决方案，这里记录一下，希望有用！