git常用命令

git常用命令

cd .. //退回上一级目录

git add . //添加文件

git commit -m "feat:随便输"

git push -u origin master //上传到主干

git status //查看本地仓库的情况，命令用于显示工作目录和暂存区的状态。使用此命令能看到那些修改被暂存到了,哪些没有。（当前红色的区域就是你本地修改的）

1.强制推送（慎用，除非其他冲突等可以丢掉，或者不重要）

git push --force
1

2.文件信息

ls // 查看当前路径下面的所有文件名
ls 文件夹名 // 查看对应文件夹中的内容
ls -l // 拉出最近git提交记录以及对应修改的文件名
ls -l -a // 拉出最近git提交记录以及对应修改的文件名，隐藏的文件也会显示

1
2
3
4
5

3.cd快速切换路径

cd ~ // 将工作路径快速切换到root
cd - // 将工作路径切换到上一状态
cd ../ // 切回到上一个工作路径
cd 文件夹名 // 进入某个目录
cd / // 进入根目录
1
2
3
4
5

4.常用git 命令

git init // 初始化 在工作路径上创建主分支
git clone 地址 // 克隆远程仓库
git clone -b 分支名 地址 // 克隆分支的代码到本地
git status // 查看状态 查看本地仓库的情况,命令用于显示工作目录和暂存区的状态。使用此命令能看到那些修改被暂存到了,哪些没有。(当前红色的区域就是你本地修改的)
git add 文件名 // 将某个文件存入暂存区
git checkout -- file // 撤销工作区的修改 例如git checkout -- readMe.txt 将本次readMe.txt在工作区的修改撤销掉
git add b c //把b和c存入暂存区
git add . // 将所有文件提交到暂存区
git add -p 文件名 // 一个文件分多次提交
git stash -u -k // 提交部分文件内容 到仓库 例如本地有3个文件 a b c 只想提交a b到远程仓库 git add a b 然后 git stash -u -k 再然后git commit -m "备注信息" 然后再push push之后 git stash pop 把之前放入堆栈的c拿出来 继续下一波操作
git commit -m "提交的备注信息"  // 提交到仓库
若已经有若干文件放入仓库，再次提交可以不用git add和git commit -m "备注信息" 这2步， 直接用
git commit -am "备注信息" // 将内容放至仓库 也可用git commit -a -m "备注信息"
git commit中的备注信息尽量完善 养成良好提交习惯 例如 git commit -m "变更(范围)：变更的内容"
1
2
3
4
5
6
7
8
9
10
11
12
13
14

• 本地代码更新到远程仓库

• 远程仓库更新到本地代码

git创建仓库初始化仓库及上传文件命令

git本地代码上传到远程仓库命令

前端常见报错：

400：你访问的页面域名不存在或者请求错误

403：表示资源不可用

Token:

介绍：

• token是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码进行对比，判断用户名和密码正确与否，并作出相应提示。
• token是在服务端产生的一串字符串，一作客户端进行请求的一个令牌。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，name在服务端会返回token给前端。

优点：

• token完全由应用管理，所有它可以避开同源策略。
• token可以避免CSRF攻击。
• token可以是无状态的，可以在多个服务间共享。
• 减轻服务器的压力，减少频繁的查询数据库，使服务器更加健壮。

用法：

在前后端完全分离的情况下，vue项目中 实现token验证大致思路如下：

1. 第一次登录的时候，前端调后端的登录接口，发送用户名和密码。
2. 后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token。
3. 前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面。
4. 前端每次跳转路由，就判断localStroage中有无token，没有就跳转到登录页面，有则跳转到对应路由页面。
5. 每次调后端接口，都要在请求中加token。
6. 后端判断请求头中有无token，有token就拿到token并验证token，验证成功就返回数据，验证失败（例如：token过期）就返回401，请求头中没有token也返回401。
7. 如果前端拿到状态码为401，就清除token信息并跳转到登录页面。

axios封装：

新建文件：src>utils>request.js

import axios from 'axios'

axios.create({
//通用请求的地址前缀
baseURL:'/api',
timeout:10000,//超时时间
})
//添加请求拦截器
http.interceptors.request.use(function(config){
return config;
},function(error){
//对请求错误做些什么
return Promise.reject(error);
});
//添加响应拦截器
http.interceptors.response.use(function(response){
//对响应数据做点什么
return response;
},function(error){
//对响应错误做点什么
return Promise.reject(error);
})
export default http
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

新建文件src>api>index.js

import http from '../utils/request'
//请求首页数据
export const getData =() =>{
//返回一个promise对象
return http.get('/home/getData')//首页
}
1
2
3
4
5
6

home.vue

import {getData} from '../api'
mounted(){
    getData().then((data)=>{
      console.log(data)
    })
  }
1
2
3
4
5
6

@click.prevent函数

• 阻止触发dom的原始事件，而去执行特定的事件。
• 阻止事件的默认行为。