网站后台管理系统栏目位置,wordpress实用代码,泉州网站建设网站建设,苏州市著名网站制作hash 模式#xff1a;
- 地址中永远带着 # 号#xff0c;不美观。
- 兼容性比较好。
- 通过手机 app 分享地址时#xff0c;如果 app 效验严格#xff0c;该地址会被标记为不合法。
history 模式#xff1a;
- 地址干净#xff0c;美观。
- 兼容性和 hash 模式相比…hash 模式
- 地址中永远带着 # 号不美观。
- 兼容性比较好。
- 通过手机 app 分享地址时如果 app 效验严格该地址会被标记为不合法。
history 模式
- 地址干净美观。
- 兼容性和 hash 模式相比略差。
- 项目部署上线时需要修改服务器配置解决刷新页面 404 的问题。 解决 history 模式刷新页面 404 的问题【宝塔面板】
一、在命令行中输入 npm run build 将项目打包。 二、将打包后的 dist 文件夹部署到服务器中。 注现在通过域名访问项目在跳转页面之后。若刷新页面就会出现 404 的问题。 三、打开项目设置、点击配置文件、添加以下代码、保存即可解决 404 的问题。 #解决页面刷新404问题
location / {try_files $uri $uri/ /index.html;
} 备注 - try_files 表示尝试读取静态文件。 - $uri 表示用户访问的地址。例如http://www.xxx.com/index.html 那么 $uri 就表示 /index.html 。 - $uri/ 表示用户访问的目录。比如http://www.xxx.com/shop/info/ 那么 $uri/ 就表示 /shop/info/ 。 - 完整解释try_files 尝试读取用户访问的文件。如果 $uri 存在就直接返回如果不存在继续读取 $uri/ 。如果 $uri/ 存在就直接返回如果不存在就跳转到 /index.html 。 原创作者吴小糖
创作时间2023.8.24
