vue_1
程序员文章站
2022-03-16 08:17:42
...
路由导航守卫(也叫路由拦截)
// 挂载路由导航守卫
router.beforeEach((to,from,next) => {
// to 将访问哪一个路径
// from 代表从哪个路径跳转而来
// next 是一个函数,表示放行
// next() 放行 next('/login') 强制跳转
if(to.path === '/login') return next()
// 获取token
const token = window.sessionStorage.getItem('token')
if(!token) return next('/login')
next()
})
axios拦截器
import axios from 'axios'
// 配置请求的根路径
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'
// 拦截器
axios.interceptors.request.use(config => {
// 登录授权 请求验证是否有token 需要授权API,必须在请求头中使用'Authorization' 字段提供'token'令牌
config.headers.Authorization = window.sessionStorage.getItem('token');
return config;
})
// 挂载vue原型上
Vue.prototype.$http = axios
子路由
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/home',
component: Home ,
children:[{ path: '/welcom', component: Welcome }]
}
]
table里的作用域插槽
<el-table-column label="角色" prop="role_name"></el-table-column>
<el-table-column label="状态">
<template slot-scope="scope">
<!-- {{scope.row.mg_state}} -->
<el-switch v-model="scope.row.mg_state">
</el-switch>
</template>
</el-table-column>
查看支路 - git branch
新增分支 - git checkout -b xxx
切换当前分支 - git checkout xxx
删除某个分支 - git branch -d xxx
查看源代码的状况 - git status
把代码添加到暂存区 - git add .
把暂存区中代码提交到本地仓库中 - git commit -m “xxx”
更新分支代码到主分支上
1.先切换到主分支
2.再合并分支代码 - git merge xxx
本地代码推送到远程仓库主分支(码云)- git push
本地分支也推送到远程仓库分支中
1.再远程仓库没有分支情况下,直接用 - git push 是不会成功的
2.首次将本地分支推送到远程仓库 - git push -u orgin xxx(远程仓库分支名称)
连接远程github/git项目
- git remote add origin https://gitee.com/jiemiao/vue_shop.git
上一篇: 深入解读PHP基本语法结构
下一篇: 声明动态数组的语句怎么写