vue-cli3打包后上传服务器,浏览器刷新报nginx|vue-cli3打包后上传服务器,浏览器刷新报nginx 404的问题

项目完成之后,npm run build打包上传服务器,从页面正常跳转没有问题,一刷新就会发现vue项目会报nginx404的报错。

vue-cli3打包后上传服务器,浏览器刷新报nginx|vue-cli3打包后上传服务器,浏览器刷新报nginx 404的问题
文章图片
84a4d55a68dd24fb09ca0a37b50b140.jpg
解决方案如下,配置nginx 【vue-cli3打包后上传服务器,浏览器刷新报nginx|vue-cli3打包后上传服务器,浏览器刷新报nginx 404的问题】

location / {root/root/pc; if ($http_user_agent ~* "(mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)") { root/root/phone; } indexindex.html index.htm; #核心 try_files $uri $uri/ @router; } #核心 location @router { rewrite ^.*$ /index.html last; }#核心 error_page404/index.html;

    推荐阅读