首页 > 其他分享 >H5 页面刷新404

H5 页面刷新404

时间:2023-07-28 16:12:18浏览次数:32  
标签:vue LoginView HomeView H5 404 meta import createWebHashHistory 页面

参考:https://blog.csdn.net/weixin_44917334/article/details/129387658

history 模式由createWebHistory改为createWebHashHistory

import { createRouter, createWebHistory,createWebHashHistory } from 'vue-router'

import HomeView from '../views/HomeView.vue'
import LoginView from '../views/LoginView.vue'

const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView,
      meta: {
        title: '首页'
      }
    },
    {
      path: '/login',
      name: 'login',
      component: LoginView,
      meta: {
        title: '登录'
      }
    }
  ]
})

 

标签:vue,LoginView,HomeView,H5,404,meta,import,createWebHashHistory,页面
From: https://www.cnblogs.com/liuyongfa/p/17587911.html

相关文章

  • 移动端H5适配方案 (flexible.js +rem)
    一、flexible.jshttps://github.com/amfe/lib-flexible默认把当前屏幕划分10等份二、vscodecssrem插件(把px转换为rem)可以设置font-size大小easyless(保存.less文件后,自动生成对应的.css文件)三、示例//index.less//当屏幕超过750px时,强制把html字体大小改为75px......
  • 易基因:m6A-seq等揭示RBM33参与调控m6A去甲基化酶ALKBH5活性及其底物选择性
    大家好,这里是专注表观组学十余年,领跑多组学科研服务的易基因。RNA结合蛋白(RNA-bindingprotein,RBP)是一类结构和功能多样化的蛋白质,参与多种生物过程。越来越多的证据表明,RBP通过调控编码或非编码RNA的可变剪接、转运、稳定性、降解和翻译,在基因表达的转录后调控中发挥着关键作用,......
  • JS直接将页面的内容作为excel下载
     做个笔记,后续自己可以看看,将页面的一个Table直接输出为excel文件,亲测有用。 //下载excelfunctiondownloadExcel(){varuri='data:application/vnd.ms-excel;base64,';vartemplate=`<htmlxmlns:o="urn:schemas-microsoft-com:o......
  • linux安装Tomcat | 开启Tomcat | 为Tomcat添加html页面
    摘要目的:介绍linux如何安装Tomcat一、步骤创建目录上传安装文件,并解压缩到/opt/tomcat进入解压目录/bin,启动tomcat./startup.sh.开放端口8080测试是否安装成功:在windows、Linux下访问http://linuxip:8080二、演示创建目录mkdir/opt/tomcat上传安装文件,并解压......
  • 在前端页面中一直出现"Signature has expired."的报错该如何解决
    在排查完后端的问题后,发现还是出现这样的情况很有可能是前端代码传入身份验证的jwt_token时出现了问题jwt和token串之间需要添加一个空格 ......
  • android studio使指定页面不可显示
    AndroidStudio使指定页面不可显示在开发Android应用程序时,有时我们希望某些页面在特定条件下不可见。AndroidStudio提供了多种方法来实现这一目标,如通过布局文件、代码逻辑或使用Fragment等。本文将介绍几种常见的方法,并提供相应的代码示例。方法一:通过布局文件设置可见性在布......
  • 九州八荒录H5游戏详细图文架设教程
    前言这次给大家带来一款丧心病狂的超变版仙侠H5游戏,九州八荒录H5,变态到什么程度呢?各种宝物升级到上万阶,还没有达到上限,战力也突破到了千万亿,只有你够肝,榜一大佬指日可待!本文讲解九州八荒录游戏架设教程,想研究H5游戏如何实现,体验游戏中秒天秒地秒空气的一定不要错过。我架......
  • react useEffect a页面跳转b页面,b页面跳转a页面,接口调用多次
    reactuseEffecta页面跳转b页面,b页面跳转a页面,接口调用多次useEffect(()=>{xxx();return()=>{history?.go(0);};},[]);我的解决方式是在,在离开页面之前触发return()=> {history?.go(0);};当前页面刷新,清空了当前缓存的数据,也相当于第一次......
  • H5在线CAD前端使用mxdraw和mxcad库预览编辑DWG图纸
    mxdraw前端库预览图纸mxdraw的作用就是预览图纸,也可以绘制一些批注或者其他图形,首先进行安装,如果你没有前端工程化的基础,请先看前端工程化基础知识,mxdraw有详细的文档,建议点击mxdraw查看使用说明,然后我们讲一下转换后的图纸用mxdraw库显示的步骤:1)新建工程这里我们就用vite......
  • 页面测试模板
    一级标题二级标题三级标题四级标题我是正文。woshizhengwen.代码块Javapackagecom.standard.controller;importjava.util.LinkedList;importjava.util.Queue;publicclassTest{publicstaticvoidmain(String[]args){QueueiQueue=newLi......