前后端分离代码,前端刷新404,调整nginx.conf实现URL重写

Posted Mr.zhou_Zxy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前后端分离代码,前端刷新404,调整nginx.conf实现URL重写相关的知识,希望对你有一定的参考价值。

前后端分离代码,nginx发布前端代码,URL重写

1.初始nginx.conf配置

location / 
            root   html;
            index  index.html index.htm;
        

2.出现问题(刷新即404)

2.关闭nginx

## 关闭
D:\\nginx-1.20.2>nginx.exe -s quit

3.修改nginx.conf,添加URL重定向

location / 
            root   html;
            index  index.html index.htm;
			if (!-e $request_filename) 
				rewrite ^(.*)$ /index.html?s=$1 last;
				break;
			
	

3.重启nginx

## 开启
D:\\nginx-1.20.2>start nginx
## 重加载
D:\\nginx-1.20.2>nginx.exe -s reload

4.尝试刷新

以上是关于前后端分离代码,前端刷新404,调整nginx.conf实现URL重写的主要内容,如果未能解决你的问题,请参考以下文章

前后端分离

部署spring boot + Vue遇到的坑(权限刷新404跨域内存)

前后端分离后,后端师傅们应该知道的一些基本前端知识

大前端 前后端分离带来的好处

前后端的分离

微信小程序前后端分离怎么实现