确保您的Vue应用程序已经通过

发布时间：2025-06-24 20:57:55  作者：北方职教升学中心  阅读量：251

就会回到404错误。

指示此目录（或者将其内容复制到Nginx的默认目录）。

是合适的。

指令指定的目录。使配置生效。如果你在使用Vuee，以下是Nginx配置的基本示例，用于解决这个问题：

server {      listen       80;      server_name  yourdomain.com; # 替换你的域名或IP        location / {          root   /usr/share/nginx/html; # Vue应用程序存储的文件存储目录          try_files $uri $uri/ /index.html; # 试着找到要求的文件或目录，如果找不到＀，root。。try_files。确保您的Vue应用程序已经通过。
在Vue项目部署到Nginx服务器时，遇到刷新页面显示404的问题，通常是因为Nginx无法正确处理Vue路由（特别是单页应用（SPA）前端路由）。index.html。root。

这里的关键是。npm run build。index.html。

（使用systemd的系统）或者其它相应的命令重新启动Nginx。sudo systemctl restart nginx。构建你的项目，它默认会产生一个。vue-cli-service build。指令，按照列出的顺序检查文件是否存在，如果文件或目录不存在，最后会回来的。这里的关键是。最后，不要忘记重启Nginx服务，你可以用。/index.html。如果你在使用Vuee CLI 3或更高的版本󿀌并且使用。），所以不管你要求什么URL，Vue路由可以正确处理。目录，您需要确保Nginx。Vue应用程序的路由是前端路由，依靠JavaScript动态分析URL，除根路径外的URL直接访问，Nginx默认会试图在服务器上找到相应的文件或目录，如果找不到，（或者类似的命令）构建完成�所有构建文件（包括。因为Vue应用程序是SPA，所有路由都应该在前端处理，因此返回。

为了解决这个问题，您需要配置Nginx󿼌将所有请求重新定向到Vue应用程序的入口文件（通常是。dist/。如果找不到�返回index.html } # 其他配置... error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } }。）已经放在Nginx了。index.html。