关于nginx+vue,同域名访问不同项目，但是没能解决刷新404的问题，实在找不出解决的方法了！

Question

nginx+vue,同域名访问不同项目，网上搜了很多，解决方案都差不多，配置也是配置那几项，我都按着配置了，确实解决了跳转404的问题，但是没能解决刷新404的问题，也就是登录之后到了首页，并且去其他页面都没问题，唯独就是刷新，一刷新就404，实在找不出解决的方法了，烦请大家帮帮忙，谢谢大家！
下面是我的配置文件。
nginx.conf

vue.config.js

router/index.js

Answer 1

这个问题可能是由于nginx的配置没有正确地处理Vue的路由。Vue使用的是HTML5的history模式，这种模式需要服务器端配合处理，否则在刷新页面时会出现404错误。

以下是一个可能的解决方案：

1. 在nginx的配置文件中，确保你已经设置了try_files。这是一个重要的指令，它告诉nginx如果请求的文件不存在，那么就去尝试寻找其他的文件。对于Vue项目，你应该在location块中设置try_files $uri $uri/ /index.html;。

例如：

location / {
    root /path/to/your/vue/project/dist;
    try_files $uri $uri/ /index.html;
}

1. 确保你的Vue项目的路由模式是history模式。如果你使用的是Vue CLI创建的项目，那么默认的路由模式就是history模式。你可以在vue.config.js文件中确认这一点：

module.exports = {
    router: {
        mode: 'history',
        ...
    }
}

1. 如果你的Vue项目有多个，并且都在同一个nginx服务器下，那么你需要为每个项目都设置一个location块，每个location块中都要有try_files的设置。
2. 检查你的nginx配置是否正确，你可以使用nginx -t命令来检查。如果配置没有问题，那么你需要重启nginx来使新的配置生效。
3. 最后，确保你的nginx服务器已经正确地启动了，你可以通过访问你的Vue项目的URL来测试。如果所有的设置都正确，那么你应该可以通过刷新页面来访问所有的Vue路由。

希望这个解决方案可以帮助你解决问题。如果你还有其他的问题，欢迎随时提问。