html 单页面路由模式hash和history
文章目录
- Hash 模式
- H5的history模式
Hash 模式
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><nav class="nav-box"><a href="#/">首页</a><a href="#/about">关于</a><a href="#/product">产品</a></nav><div id="app"></div><script>const app = document.querySelector('#app')