vue页面刷新404错误问题 uni-app history路由模式刷新页面错误

uni-app以及vue使用history路由模式，打包上线以后，页面刷新会找不到页面404错误，可以通过配置nginx或apache来解决这个问题。nginx配置：location ^~ /path { #path是你的网站所在的子目录，可去掉alias/www/wwwroot/m.taxgo.cn/public/path;try_files $uri $uri/ /index.html las

QQ4770851

1576人浏览 · 2021-07-13 14:36:00

QQ4770851 · 2021-07-13 14:36:00 发布

uni-app以及vue使用history路由模式，打包上线以后，页面刷新会找不到页面404错误，可以通过配置nginx或apache来解决这个问题。
nginx配置：

 location ^~ /path { #path是你的网站所在的子目录，可去掉
      alias  /www/wwwroot/m.taxgo.cn/public/path; 
      try_files $uri $uri/ /index.html last;#依次尝试访问，$uri变量代表的是访问地址，不存在就访问index.html
      index  index.html;
 }

apache配置：


<IfModule mod_rewrite.c>
  RewriteEngine On 
  RewriteBase / 
  RewriteRule ^index\.html$ - [L] 
  RewriteCond %{REQUEST_FILENAME} !-f 
  RewriteCond %{REQUEST_FILENAME} !-d 
  RewriteRule . /index.html [L] 
</IfModule>