vue webpack模板创建项目的两种路由

1 webpack模板创建项目方法

$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

2 目录结构

3 默认路由
利用url的hash，就是常说的描点（#）。

4 修改为history模式
HTML5的History模式，它使url看起来像普通网站那样，以”/”分割，没有#,但页面并没有跳转，不过使用这种模式需要服务端支持，服务端在接收到所有的请求后，都指向同一个html文件，不然会出现404。

webpack-dev-server也要配置下来支持History路由，增加–history-api-fallback，所有的路由都会指向index.html