问题
VUE使用history模式,当浏览器输入/product/2的时候,出现404错误
问题原因
当访问/product的时候,Nginx第一个事情是先去找寻product.html,所以才会出现错误。
修改方法,使用nginx的try_files方法
/etc/nginx/conf.d/www_xxx_com_cn.conf
root /home/frontend/dist;
location / {
index index.html;
try_files $uri $uri/ /index.html;
}
解释
发起一个内部 “子请求”,也就是相当于 nginx 发起一个 HTTP 请求到 /index/proudct。