Nginx显示404，但vue-cli提供路由

。

首先，Nginx是一个高性能的开源Web服务器，也可以用作反向代理服务器和负载均衡器。它可以处理静态文件和动态内容，并提供了强大的配置选项。

当Nginx显示404错误时，这意味着请求的资源未找到。这可能是由于以下几个原因：

1. 路由配置错误：在使用vue-cli创建的Vue.js项目中，路由配置是通过Vue Router来管理的。如果路由配置错误，Nginx可能无法正确地路由到请求的页面，导致404错误。需要检查Vue Router的配置文件（通常是router/index.js）是否正确定义了路由路径和对应的组件。
2. Nginx配置错误：Nginx的配置文件（通常是nginx.conf）可能存在问题，导致无法正确处理Vue.js的路由请求。需要确保Nginx的配置文件中正确地配置了代理或重定向规则，以将请求正确地转发给Vue.js应用。
3. 静态文件路径错误：Vue.js应用在构建时会生成一些静态文件，如HTML、CSS和JavaScript文件。这些文件需要由Nginx正确地提供给客户端。如果Nginx的配置中指定的静态文件路径不正确，可能导致404错误。需要检查Nginx配置文件中的静态文件路径是否正确。

针对以上问题，可以采取以下解决方案：

1. 检查Vue Router的配置文件，确保路由路径和组件的定义正确无误。
2. 检查Nginx的配置文件，确保代理或重定向规则正确配置，以正确地转发Vue.js的路由请求。
3. 检查Nginx配置文件中的静态文件路径，确保路径正确指向Vue.js应用生成的静态文件。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云服务器（CVM）：提供高性能、可扩展的云服务器实例，可用于部署Nginx和Vue.js应用。详情请参考：https://cloud.tencent.com/product/cvm
• 腾讯云负载均衡（CLB）：提供高可用、可扩展的负载均衡服务，可用于将请求均衡地分发给多个Nginx实例。详情请参考：https://cloud.tencent.com/product/clb
• 腾讯云对象存储（COS）：提供安全、可靠的对象存储服务，可用于存储Vue.js应用生成的静态文件。详情请参考：https://cloud.tencent.com/product/cos

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。