vue-cli3.0 配置多页面，跳转页面刷新

写这篇主要是前段时间在公司做了一个三周年活动的项目，主页面A，次级页面B和C，
并且每个页面都有分享功能， 且分享出去打开的是当前页面 。
vue本身是一个单页面应用，如果不进行改造的话，你从A页面进入到B页面，然后再B页面进行分享的时候，分享出去的连接依旧是A页面，你可以在手机端打开百度 然后随便进入一个新闻页，分享出去 在通过卡片进来你会发现 依旧是主页面。
github连接会放到最下面，不着急的同学可以一步一步跟着来。

1. 根据官网介绍下载脚手架

```
npm install -g @vue/cli
# OR
yarn global add @vue/cli
```

然后执行命令

vue create hello-world

直接回车就好了

2. 理解一些文件夹存在的意义

1. src/App.vue： 就是一个普通页面 可以删除 然后新建page文件夹，然后在里面多起几个页面例如， A.vue 、B.vue、C.vue 等等
2. src/main.js : 他是负责把你想要展现的内容render到 public/index.html 里面
3. src/router.js: 就是一路由
4. src/store.js: vuex

OK ， 现在把 一下文件全部删除，views文件夹、App.vue、main.js、router.js、store.js

3. 新建一些文件

新起了三个文件夹（三个页面） 每个文件夹里面俩文件，App.vue和main.js，App.vue是dom+js+css部分，然后main.js是负责把内容给html

在新起一个文件 vue.config.js 他主要是用来配置一些东西的，。

pages的作用是重新定义 那个html 应该引用哪里的文件。rewrites是historyApiFallback下面的一个配置，用来检测是否切换页面，如果切换的话 会调到另一个页面， 这么配置的话就不是单页面应用了，所以跳转需要使用window.location.href。

这么配置完之后 在执行 cnpm run serve 然后打开 http:// 本机ip:8080/index.html

gitlub地址