从登陆页跳转到这个页面，该怎么实现啊？？

Question

老师，就是如果这个 页面之前 还有一个 登录页，从登录页 进行登陆以后，才跳转到 这个页面，这种该怎么实现啊？？ 

Answer 1

fishenal 2017-05-26 18:21:19

1. vue默认的这套模板，只有一个index.html，一个main.js，因为是单页面应用。

2. 你还想做一个login.html，需要再实例化一个Vue，现在整个项目只要new Vue一次，多页面的话每个页面都要new Vue，都要组成自己的组件树。这里有一个多页面的应用，参考一下： https://github.com/Plortinus/vue-multiple-pages

3. 下的依赖有两种，一种是项目利用到的，还有一种开发过程中用到的node工具，比如把*.vue文件打包，这些跟最终的后台都没有关系，运行npm run build以后会生成一个dist目录，放到前端的nginx下运行，再通过ajax与后端进行数据交互，这个过程跟node都没关系。

• 提问者 野生安乃近 #1

  谢谢老师讲解，因为一直没在项目中用过，所以不太懂

Answer 2

fishenal 2017-05-17 09:37:30

登录页登陆以后肯定是一个js状态的改变，js回调里使用router的编程式导航来进行页面的跳转。

使用了vue-router以后，组件内部会被注入一个 this.$router这个对象,用它的 this.$router.push('xxx') 实现跳转

参考

https://router.vuejs.org/zh-cn/essentials/navigation.html

• 提问者 野生安乃近 #1

  老师，还是有点没懂，就是 npm run dev  一运行完以后，就默认打开了 localhost：8080 端口，然后他默认渲染的就是 根目录 index.html 这个文件，要是 根目录 还有一个 login.html 或其它多个 html ，这些之间该怎么弄（一运行，默认渲染的就是 login.html 然后 才 跳转到 index.html ，没有找到怎么配置呢）？？ 还有一个不太懂，就是 package.json 里 下载的 依赖，本地运行开发，如果 后台 是 Java PHP 不是 node 上线部署的时候，这个 该怎么弄啊？？

• 提问者 野生安乃近 #2

  非常感谢！