解决方案
- nginx添加配置文件 下面内容加入配置文件
location @rewrites {
rewrite ^(.+)$ /index.html last;
}
- 完整配置
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ @rewrites;
}
location @rewrites {
rewrite ^(.+)$ /index.html last;
}
出现的原因
vue是单页面应用 带路径请求的时候会出现找不到对应的目录文件所以报错了
try_files
nginx中读取静态文件的变量
当前案例完整的解释就是:try_files 去尝试到网站目录读取用户访问的文件,如果第一个变量存在,就直接返回;
不存在继续读取第二个变量,如果存在,直接返回;不存在直接跳转到第三个参数上。
$uri
$uri当前请求路径 www.text.cn/trext 中的 /trext
上述代码相当于重定向了找不到的路径查询默认index