问题解决：vue dev模式没问题，dist之后页面not found

导读： 本菜鸡作为一个JavaScript的初学者，搞了一个Vue页面之后想将其在生产环境中部署。但是dist之后发现生成的静态页面只有首页访问正常，其余页面全部都是Not Found，百思不得其解。经过调查解决了问题。将自己学习和思考过程记录下来，供后来的人一个参考。

SPA单页谈起

要想解决dist之后 not found问题，首先要理解Vue的SPA单页特性，首先来看一下SPA定义：

单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。

你也可以看到dist打包后的Vue文件，不管你在开发模式做了多少个路由跳转和页面。最后打包生成dist文件夹之后，里面只会有一个.html文件。后面的所有页面操作全部都是通过编译后的JavaScript来完成的。也就是说，你访问不同的URL，页面的渲染不是通过加载不同的html文件实现，而是通过JavaScript对index.html的不同改造实现的。

明白了上面的道理之后就可以明白，为什么在dev模式下没问题，而生成dist之后只能访问首页，而其他页面会not found了。

比如你使用的是history的路由模式，在dev模式下，你访问不同的页面&