nginx 配置vue 子页面刷新404

最新推荐文章于 2025-05-30 09:34:33 发布

原创最新推荐文章于 2025-05-30 09:34:33 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #nginx

vue 同时被 3 个专栏收录

23 篇文章

订阅专栏

vue

17 篇文章

订阅专栏

nginx

3 篇文章

订阅专栏

本文详细解析了Nginx的路由配置，包括如何监听端口、设置服务器名称、指定根目录、配置索引文件、使用try_files指令、设置代理传递、rewrite规则等。通过具体实例，展示了Nginx在处理不同请求路径时的灵活配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >





server{
	listen 80;
	server_name xxx.jeft-hai.top;
	root /www/xxx/views/;
	index index.html index.htm;
	
	 location / {
	     try_files $uri $uri/ @router;
         index index.html;
	     proxy_pass http://127.0.0.1:4001/;
 
         }

	location @router {
            rewrite ^.*$ /index.html last;
         }
	
	location /users/{
	    proxy_pass http://127.0.0.1:3000/users/;
	}

    }