美文网首页
nginx配置解决Vue路由history模式404问题

nginx配置解决Vue路由history模式404问题

作者: utf8253 | 来源:发表于2019-04-08 18:25 被阅读0次

以下是关于nginx 与vue-cli的单页应用当采用history的时候 在线上访问的时候找不到静态资源的话则都需要重新定向index.html的配置。

history的这种模式需要后台配置支持

当我们进行项目的主页的时候,一切正常,可以访问,但是当我们刷新页面或者直接访问路径的时候就会返回404,那是因为在history模式下,只是动态的通过js操作window.history来改变浏览器地址栏里的路径,并没有发起http请求,但是当我直接在浏览器里输入这个地址的时候,就一定要对服务器发起http请求,但是这个目标在服务器上又不存在,所以会返回404

怎么解决呢?我们现在可以把所有请求都转发到index.html上就可以了。

ngix.png

相关文章

网友评论

      本文标题:nginx配置解决Vue路由history模式404问题

      本文链接:https://www.haomeiwen.com/subject/jdipiqtx.html