代码片段
533_
这个作者很懒,什么都没留下…
展开
-
Vue项目中实现用户登录及token验证
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面5、每次调后端接口,都要在请求头中加token6、后端判断请求头中有无token,原创 2022-01-21 17:20:23 · 433 阅读 · 0 评论 -
vue项目 路由导航守卫控制访问权限
访问权限模块新建一个js文件名为 permission.js在main.js中导入import './permission’理解版router.beforeEach((to, from, next) => { // 如果用户访问登录页,直接放行 if (to.path === '/login') return next() if (getToken()) { next() } else { next(`/login?redirect=${to.fullPath}原创 2022-01-21 16:05:22 · 772 阅读 · 0 评论 -
Vue登录功能
html<el-form class="login-form" :rules="loginRules" ref="form" :model="form" label-width="0" > <el-form-item prop="username"> <el-input size="small" v-model="form.username" auto-complete="false" pla原创 2022-01-21 11:25:05 · 313 阅读 · 0 评论 -
[react代码片段] require.context
require.context('./components/', true, /\.js$/)const ctx = require.context('./components/', true, /\.js$/)console.log(ctx.keys())// ["./A.js", "./B.js", "./C.js", "./D.js"]const ctx = require.context('./components/', true, /\.js$/)const map = {}f原创 2021-12-10 22:28:35 · 1140 阅读 · 0 评论 -
[react代码片段] 保存input数据 事件绑定的基本写法(箭头函数) 网络请求 componentDidMount 组件传值 ...state
保存input数据class Login extends React.Component{ //初始化状态 state = { username:'', //用户名 password:'' //密码 } //保存表单数据到状态中 saveFormData = (dataType,event)=>{ this.setState({[dataType]:event.target.value}) } render(){ return( 用原创 2021-12-05 16:10:56 · 337 阅读 · 0 评论 -
[react代码片段] 解决跨域 + axios请求
解决跨域安装:npm i -D http-proxy-middlewaresrc\setupProxy.jsconst { createProxyMiddleware: proxy } = require('http-proxy-middleware');// 导出模块module.exports = app => { // 匹配代理路由规则 app.use('/api', proxy({ target: 'https://api.iynn.cn/film',原创 2021-12-04 23:17:33 · 277 阅读 · 0 评论 -
[vue代码片段] vue项目操作cookie,使用js-cookie封装操作cookie的函数
安装js-cookie 函数,该插件封装了cookie 对应的操作方法npm install js-cookie// 创建简单的cookieCookies.set('name', 'value');// 获取Cookies.get('name'); // => 'value'// 删除Cookies.remove('name');import Cookie from 'js-cookie'export function setCookie(key, value) { C原创 2021-11-26 16:23:09 · 330 阅读 · 0 评论 -
[vue代码片段] 封装axios请求 封装cookie 对应的操作方法
封装axios请求src\utils\request.jsimport { getCookie } from './cookie.js';import Vue from 'vue'import axios from 'axios';//2。创建serverconst instance = axios.create({ baseURL: '',// index/index http://kumanxuan1.f3322.net:8001 timeout: 5000 //超时原创 2021-11-25 13:27:07 · 1885 阅读 · 0 评论 -
[小程序代码片段] 封装ajax请求 微信开发者工具/uniapp
request.js// 封装请求 const ajax = (url,method,data)=>{ // 显示loading wx.showLoading({ title: '加载中', }) return new Promise((resolve,reject)=>{ wx.request({ url: url, //仅为示例,并非真实的接口地址 data:data, method:method,原创 2021-11-25 10:33:47 · 219 阅读 · 1 评论 -
[小程序代码片段] 轮播图 tabbar setData 发送网络请求 input实时获取输入的值 wx.login 登录获取code 获取openid 授权获取用户信息
轮播图 <swiper indicator-dots="true" autoplay="true" interval="1000" duration="500"> <block wx:for="{{swiperArr}}" wx:key="index"> <swiper-item> <image src='{{item}}' mode="widthFix"></image&g原创 2021-11-24 11:15:16 · 946 阅读 · 0 评论