美文网首页
nginx配置访问vue history模式

nginx配置访问vue history模式

作者: gis杭州 | 来源:发表于2020-01-02 16:36 被阅读0次

问题来源:
采用vue的histroy模式写的页面,在对特定路由下的页面刷新时(eg:ip:port/testPage),直接报404无法找到页面

此时需要对后端nginx进行相应的配置,并重启nginx服务器:

1 找到nginx 配置文件

/usr/local/nginx/conf
image.png

2、对内容编辑,在location中添加以下内容

location / {
  try_files $uri $uri/ /index.html;
}
image.png

3、配置完成后重启nginx服务器

cd /usr/local/nginx/sbin
./nginx -s reload
image.png

4、刷新访问路由页面正常

end

参考:vue官网文档关于HTML5 History 模式后端配置的说明
](https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90)

相关文章

网友评论

      本文标题:nginx配置访问vue history模式

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