创建vue项目并实现登录功能的登录页面样式
创建vue项目
实现登录功能以创建登录组件页面
创建路由
//@这将自动置于src文件夹下
在vue项目中，@表示src目录
写完以上内容后，可以启动项目并进入此登录页面
登录页面样式首先复制elementUI官网上的表单样式，然后复制登录按钮。 开始写公共样式，在这个文件夹下写样式
只需编写公共样式，如何使用所有vue页面导入到main.js
//全局样式导入import './assets/css/global.css '并将其写在main.js上，即可在所有vue页面上创建此样式
登录时使用axios调用路径
基地址路径是本地的，因为后端项目是在本地启动的
//本地地址axios.defaults.base URL=' http://127.0.0.133608888/API/private/v1/'
以后在vue页面上写路径时，连接此路径
//1、将登录成功后的令牌保存到客户端的会话存储中； 在localStorage中，持久存储//1.1项目出现了非登录API界面，必须在登录后才能访问//1.2 token，并且只有在当前网站打开时才有效因此，可以将token保存到sessionStorage中，window.session storage.setitem (' token '，res.data.token )/2，通过编程提供后台
//this.$http.post(login (，this.loginForm ) :返回值为promise //返回值为promise，根据可以添加await以简化操作，同步