nginx部署vue项目后页面刷新404

如果您在Nginx上部署Vue.js项目后，页面刷新时出现404错误，可能是因为Nginx没有正确地配置路由。Vue.js使用HTML5的History API来实现路由，这意味着URL中没有`#`符号。但是，如果您在Nginx中没有正确地配置路由，当您刷新页面时，Nginx会尝试查找与请求URL完全匹配的文件或目录，并返回404错误。 要解决这个问题，您需要在Nginx配置文件中添加以下内容： ``` location / { try_files $uri $uri/ /index.html; } ``` 这将告诉Nginx，如果请求的文件或目录不存在，则应该返回`index.html`文件。这样，当您刷新页面时，Nginx将返回Vue.js的入口文件，然后Vue.js将根据请求的URL加载正确的组件。 请注意，在使用此配置之前，请确保已经将Vue.js项目构建为静态文件，并将其放置在Nginx的Web根目录下。