当前位置:   article > 正文

Vue上传宝塔Nginx反向代理,解决Vue上传服务器后刷新404_宝塔配置反向代理404

宝塔配置反向代理404

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

代码如下(示例):

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

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

代码如下(示例):

location / {
	try_files $uri $uri/ /index.html;
}
// 或者有前缀路径的,替换为自己的路径
location /h5 {
	try_files $uri $uri/ /h5/index.html;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/寸_铁/article/detail/985894
推荐阅读
相关标签
  

闽ICP备14008679号