vue——第二次打开

 

 1、启动找到相应的文件夹来进行打开   我的文件在F盘下

命令是  vue ui 这样 就可以进入我们的项目了    

停止在公钥制作上

 2然后打开进行   运行 app  从而来进行    进行相关文件的配置  从而来进行  run app   进行 完成后  

再对文件的相关  用 webstrom打开  这个文件工程里面

main.js 是主要的入口文件    APP。vue是主要vue文件

3、运行vue,js 项目时  不能使用  webstrom来显示  vue。js 文件 而是  使用的 文本件 就就已经将文件项目打开了  

4、:model代表着数据绑定   

export default(){

data{

}

}

5、:rule代表规则对象绑定

表单验证  

6、成功之后的taken  保存到客户端的sessionstorage中

      项目中除了登录之外的其他API接口 必须在登录之后才能访问

      taken只应在当前网站打开期间生效 所以将taken 保存在sessiStorage(回话存储))中

      通过编程式导航栏跳转到后台主页  路由地址是  /home

7、路由导航权限控制访问导航

to  form next 

8、退出  退出功能实现原理  基于 taken 的方式的实现退出比较简单  只要销毁本地token即可  这样后续的请求就不会携带token 必须重新登录生成一个新的token之后才可以访问页面

 //清空token

window,sessionStorage,clear()

//跳转到登录页

this.$router.push('/login')

posted @ 2020-03-11 22:42  菜鸟不忘初心  阅读(807)  评论(0)    收藏  举报