vue运行项目默认首页路由配置

新手小白，每次在运行项目的时候，都是http://localhost:8080/#/，这个路径，而且每次运行起来都是空白页，我都要手动拼接/login，因为项目中要登陆页作为项目启动后的首页。

home.vue是登陆后进入的首页页面，那children下的显然是首页的子页面

之前，我的写法是将login页面的path路由，写成 path:'/login'

经过多方研究，才发现，原来web项目启动默认的首页的路径是{path：‘/’}

才有了如图的正确写法，恍然醒悟，给同样新手小白一个参考吧。。。

F5刷新vue重新载入页面，跟路由跳转不同，路由跳转的时候vuex的数据是保留的，页面重载后数据销毁，这时我们想保持登录状态就需要将登录信息如用户信息role、token值保存在cookie或localStorage中，在brforeRouter时根据用户信息来保持登录状态。同时保存在vuex中的动态路由也将因为刷新而失效，为了安全我们不讲路由保存在cookie中，而是通过cookie中的role对路由重新进行挂载。不过这也不安全，暂时搁置

此外在App.vue上，每次重载会构建，刷新回到首页的操作

前言：Vue服务器采用nginx➕Vue为服务器；

请确保你是以拥有 sudo 权限的用户来登录的服务器

请按照下面的步骤，在 CentOS 中安装 Nginx。

类似于上面的内容，遇到这种情况，输入 y，然后 Enter（回车） 即可继续安装。

启动 Nginx：

sudo systemctl start nginx

通过运行以下命令，来检查 Nginx 的运行状态：

sudo systemctl status nginx

然后会输出类型下面的内容: 其中Active：active代表运行， failed代表暂停

通过下面的命令来打开这两个端口：

国内的服务器厂商，安全组也可能会默认屏蔽这两个端口，比如 阿里云 和 腾讯云，如果在 第 5 步 时发现无法访问，可以自行百度一下如何放开这两个端口。

你可以像管理其他服务那样管理 Nginx。

启动 Nginx

sudo systemctl start nginx

停止 Nginx

sudo systemctl stop nginx

重启 Nginx

sudo systemctl restart nginx

修改 Nginx 配置后，重新加载

sudo systemctl reload nginx

设置开机启动 Nginx

sudo systemctl enable nginx

关闭开机启动 Nginx

sudo systemctl disable nginx

本文引用： # 2019 年如何在 CentOS 7 上安装最新版 Nginx

注意：有可能会出现403 Forbidden，执行 setenforce 0 设置SELinux 成为permissive模式

---