项目nginx部署时,前端用history模式,在浏览器浏览,页

2020-08-10  本文已影响0人  小呆糊总

项目nginx部署时,前端用history模式,在浏览器浏览,页面空白

原因:vue项目,history模式下,后台nginx未进行相关配置.以下以项目名称shop为(nginx根目录下的shop文件夹下放的是项目)

location /shop/ {
 root  /usr/share/nginx/html;
 index  /index.html index.htm;
 try_files  $uri  $uri/  /shop/index.html?$args;
}

项目nginx部署时,页面请求成功,但是页面一刷新,就报错

原因:项目使用的vue的history模式,但是后端未做任何相关配置


image.png

解决方案:修改成了hash模式或者后端做配置

项目nginx部署时,前端用hash模式(默认模式),浏览器浏览,页面初始化后,页面无数据,页面接口请求后台全部没响应

原因:走的网关,可能网关被禁用了,导致接口全部报错,无响应

上一篇下一篇

猜你喜欢

热点阅读