小满Linux(第九章Nginx-Vue-History-404问题)

简介: 我们的服务器是根据页面路由,去按路径寻找资源的。我们打包好的web站点只有一个html页面,不存在其他资源目录下的html,服务器找不到对应页面所以才报404。

Vue histroy 模式 跳转路由404 问题


问题原因


我们的服务器是根据页面路由,去按路径寻找资源的。我们打包好的web站点只有一个html页面,不存在其他资源目录下的html,服务器找不到对应页面所以才报404。


dd5b92d280884f95af10da514bf00ed3.png


解决方案


 try_files $uri $uri/ /index.html;


如果给出的file都没有匹配到,则重新请求最后一个参数给定的uri,就是新的location匹配


常见的变量:


  1. $uri 当前请求的 URI,但不含“?”后的参数
  2. $args 当前请求的参数,即“?”后的宇符串
  3. $arg_xxx 当前请求里的某个参数,“arg ”后是参数的名字
  4. $http_xxx 当前请求里的 xxx 头部对应的值
  5. $sent_http_xxx 返回给客户端的响应头部对应的值
  6. $remote_addr 客户端IP 地址。
  7. $http_cookie 获取cookie值
  8. $cookie_xxx 当前请求的cookie xxx对应的值
  9. $request_uri 浏览器发起的不作任何修改的请求的url中的path 如在www.baidu.com/p1/file?d=111, 其值为/p1/file?d=111
  10. $uri 指当前的请求URI,不包括任何参数,反映任何内部重定向或index模块所做的修改
  11. $request_method 请求方法
目录
相关文章
|
14天前
|
Ubuntu 应用服务中间件 Linux
Linux下搭建Nginx环境的搭建
Linux下搭建Nginx环境的搭建
|
1月前
|
应用服务中间件 Linux nginx
Linux下操作Nginx相关命令
Linux下操作Nginx相关命令
|
1月前
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
159 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
|
2月前
|
NoSQL 关系型数据库 Redis
mall在linux环境下的部署(基于Docker容器),Docker安装mysql、redis、nginx、rabbitmq、elasticsearch、logstash、kibana、mongo
mall在linux环境下的部署(基于Docker容器),docker安装mysql、redis、nginx、rabbitmq、elasticsearch、logstash、kibana、mongodb、minio详细教程,拉取镜像、运行容器
mall在linux环境下的部署(基于Docker容器),Docker安装mysql、redis、nginx、rabbitmq、elasticsearch、logstash、kibana、mongo
|
1月前
|
应用服务中间件 Linux Shell
Linux 配置 Nginx 服务的详细步骤,绝对干货
Linux 配置 Nginx 服务的详细步骤,绝对干货
67 0
|
1月前
|
网络协议 应用服务中间件 Linux
Linux安装nginx
Linux安装nginx
|
3月前
|
负载均衡 应用服务中间件 Linux
在Linux中,常用的 Nginx 模块有哪些,常来做什么?
在Linux中,常用的 Nginx 模块有哪些,常来做什么?
|
3月前
|
应用服务中间件 Linux nginx
在Linux中,如何统计ip访问情况?分析 nginx 访问日志?如何找出访问页面数量在前十位的ip?
在Linux中,如何统计ip访问情况?分析 nginx 访问日志?如何找出访问页面数量在前十位的ip?
|
3月前
|
负载均衡 监控 应用服务中间件
在Linux中,lvs/nginx/haproxy 优缺点?
在Linux中,lvs/nginx/haproxy 优缺点?
|
3月前
|
缓存 负载均衡 应用服务中间件
在Linux中,Squid、Varinsh和Nginx有什么区别,工作中怎么选择?
在Linux中,Squid、Varinsh和Nginx有什么区别,工作中怎么选择?