项目完成之后，npm run build打包上传服务器，从页面正常跳转没有问题，一刷新就会发现vue项目会报nginx404的报错。
84a4d55a68dd24fb09ca0a37b50b140.jpg
解决方案如下，配置nginx
location / {
root /root/pc;
if ($http_user_agent ~* "(mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)") {
root /root/phone;
}
index index.html index.htm;
#核心
try_files $uri $uri/ @router;
}
#核心
location @router {
rewrite ^.*$ /index.html last;
}
#核心
error_page 404 /index.html;
网友评论