Browser address bar changes to default reload, there are two ways to avoid

浏览器地址栏发生变化，默认会reload, 有两种方式可以避免：
一种是hash表示全路径
一种是利用history-api---pushState
  --问题是当地址栏发生变化，但路由中不存在时，就会发生加载新页面，需要服务器配合就不会出现404

nginx

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

NATIVE nodejs

const http = require('http') const fs = require('fs') const httpPort = 80 http.createServer((req, res) => { fs.readFile('index.htm', 'utf-8', (err, content) => { if (err) { console.log('We cannot open "index.htm" file.') } res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' }) res.end(content) }) }).listen(httpPort, () => { console.log('Server listening on: http://localhost:%s', httpPort) })

---配合如下，客户端提示
const router = new VueRouter({ mode: 'history', routes: [ { path: '*', component: NotFoundComponent } ] }) 

T