Vue上传宝塔Nginx反向代理，解决Vue上传服务器后刷新404

1.Vue上传宝塔后Nginx反向代理，在配置文件中添加如下代码，并替换成本地代理中的配置

代码如下（示例）：

location ^~/api{
	add_header 'Access-Control-Allow-Origin' '*';
	proxy_pass https://www.baidu.com;
}

2.当Vue路由模式设置为history并上传到服务器后会发现刷新页面404，只需在Nginx配置文件中添加

代码如下（示例）：

location / {
	try_files $uri $uri/ /index.html;
}
// 或者有前缀路径的,替换为自己的路径
location /h5 {
	try_files $uri $uri/ /h5/index.html;
}

---

原创不易，转载请注明出处！！！如果本文对你有所帮助，给个点赞、收藏再走吧