写项目必备知识(1)

103 阅读3分钟

1. element plus 的安装和使用 里面是一些框架

1.建立一个带路由的项目
2.安装在cmd里面 npm install element-plus --save
3.把这些引入 main.js里面
    import ElementPlus from 'element-plus'
    import 'element-plus/dist/index.css'
    app.use(ElementPlus)
4.使用自己的想要的框架

2. 把本地数据传入数据库

1. 在当前目录下打开 git的小黑框 2输入下面的 
git config --global user.name  用户名    绑定用户名
git config --global user.email  qq邮箱   绑定邮箱
在输入一遍检查是不是绑定

工作区
缓存区
本地仓库

git init 初始化本地仓库  会自动创建一个隐藏文件.git
git add .  把所以工作区的文件移入到暂存区
git add 文件名  把单个文件移人到暂存区
git status  查看暂存区状态
git commit -m '注释' 将文件要暂存区移动到本地代码仓库
git remote -v 查看远程连接
git remote add origin 远程仓库的地址
git remote remove  远程连接名字(origin)
git push -u origin 'master'  把分支master插入数据库  origin来源

2.1 第二种方法(免密登录)

2.1.1  ssh-keygen -t rsa -C QQ邮箱
2.1.2  c:/Users/tomorrow is better/.ssh  复制到需要上传到本地仓库的文件 注意在c后面加一个: 会出现两个或者三个文件 
id_rsa.pub 把这个拖到vs里面,复制里面的内容,到gitee里面 --> SSH公钥 -->名字随便 --> 复制到这里 
2.1.3  在git 里面操作 
git init

克隆仓库代码(第一次拉取仓库代码)
git clone 地址

第二次拉取仓库代码
$ git pull origin master (更新)

第一次上传代码
git init
git add .
git commit -m "feat:第一次提交"
git remote add origin ssh地址tps地址
git push origin master

第二次上传代码(更新代码)
git add .
git commit -m "feat:第一次提交"
git push origin master

3. postman调试后端的接口

   打开海购电商平台接口(后端接口)和 postman 小插件
把地址复制到postman里面 把本地地址改为接口地址 有参数记得写参数 验证就可以了

4. axios的发送请求

4.1 get 请求
<script >
    axios.get('url地址',{
        params:{
            key:value....
        },
        headers:{
            key:value
        }
    })
</script>
4.2 post请求
    axios.post('url地址',{
        key:value...
    },{
        headers:{
            key:value
        }
    })

5. axios的拦截器(interceptors)

5.1 请求拦截器
created(){
    axios.interceptors.request.use((config) => {
        console.log('每次请求都会执行',config)
        config.hadeers.token='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhZG1pbm5hbWUiOiJhZG1pbiIsImlhdCI6MTY3MjE5NTI0MywiZXhwIjoxNjcyMjI0MDQzfQ.qMKJYhfUuE2U_bBD2_o4mve8kX4egtW6NY8O9a8q9kQ'
        return config  
        这里必须写返回值, 请求拦截器每次请求都会执行这个函数,所以可以把token写在这里,可以简化代码
    })
}
5.2 响应拦截器 
created(){
    axios.interceptors.response.use(res=>{
        每次请求都会有一个admin 比较麻烦 所以这里先把admin拼接上去, 下面请求地址可以少写一个admin
        config.url = '/admin' + config.url
        return res.data
        数据藏得比较深,所以这里我们可以直接拿res.data里面的数据,下面直接拿res.data就可以,少一个data , 每次响应数据都会执行这个代码
    })
}

6. baseURL

   每次请求都会有一个admin 比较麻烦 所以这里先把admin拼接上去, 下面请求地址可以少写一个admin
    axios.default.baseURL = '/admin'

git add . git commit -m '注释' git remote add origin 远程仓库的地址 git push -u origin 'master'