uni-app 打包H5空白页面或者刷新404,加入伪静态就可以解决

uni-app项目打包好，不分2个项目，想和后端thinkphp代码放在一起的话，需要伪静态-路由重写；nginx配置location /h5/ {try_files $uri $uri/ /h5/index.html;}Apache配置在h5目录里增加一个.htaccess文件<IfModule mod_rewrite.c>Options +FollowSymlinks -Multi

梦之@林

3395人浏览 · 2020-09-04 17:03:29

梦之@林 · 2020-09-04 17:03:29 发布

uni-app 打包H5空白页面或者刷新404,加入伪静态就可以解决

1、uni-app 打包H5空白页面或者刷新404，加入下面伪静态就可以解决了；
2、如果不想分2个域名去配置，想和后端thinkphp代码放在一起的话，可以在后端创建一个H5目录来放前端的文件，增加对应H5目录的伪静态重写规则，就可以正常访问了；
3、以下是伪静态的配置
Nginx配置

location /h5/ {
  try_files $uri $uri/ /h5/index.html;
}

Apache配置
在h5目录里增加一个.htaccess文件

<IfModule mod_rewrite.c>
  Options +FollowSymlinks -Multiviews
  RewriteEngine On

  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteRule ^(.*)$ /h5/index.html [L] 
</IfModule>

4、如果单独配置一个前端域名的话，域名指向是h5目录的话，重写规则不需要带h5。
5、以下是伪静态的配置
Nginx配置

location / {
  try_files $uri $uri/ /index.html;
}

Apache配置
在h5目录里增加一个.htaccess文件

<IfModule mod_rewrite.c>
  Options +FollowSymlinks -Multiviews
  RewriteEngine On

  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteRule ^(.*)$ /index.html [L] 
</IfModule>