自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 Vue router根据设备型号,显示对应路由

import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)var routes = [];//pc端路由const WebRoutes = [];//移动端路由const mobileRoutes = [];//核心判断if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|I

2022-03-10 13:32:03 843

原创 vue项目中axios拦截器统一管理接口请求

1. 拦截器配置新建request.js文件import axios from "axios";import qs from "qs";const service = axios.create({ baseURL: 'http://120.77.11.179:3000', //接口域名 timeout: 5000, // 请求超时时间});//请求service.interceptors.request.use((config) => { return config;

2022-03-10 13:22:57 514

原创 webscoket自定义子协议携带token

webscoket自定义子协议携带token请求地址中携带tokenconst uri = 'ws://47.106.86.128:8000/ws/bots/?'+token;this.socket = new WebSocket(uri);自定义子协议,new scoket对象的时候传入protocols,websocket请求头中可以包含Sec-WebSocket-Protocol这个属性,该属性是一个自定义的子协议。它从客户端发送到服务器并返回从服务器到客户端确认子协议。我们可以利用这

2021-12-10 14:09:38 3203

原创 Vue实现增删改视图局部刷新(provide,inject)

App.vue<template> <div id="app"> <router-view v-if="isRouterAlive" /> </div></template><script>export default { name: 'App', provide() { return { reload: this.reload } }, data() { .

2021-09-22 17:18:38 140

原创 Vue路由守卫实现无登录只跳转到登录页面

在实际的项目中,有一些页面是需要登录后才可以浏览,有一些功能需要登录权限。如果没限制用户未登录也可以通过url直接浏览,这需要我们路由上做一些限制。在登录成功后,后端会返回一个唯一token,我们可以把这个token通过localStorage存起来localStorage.setItem('token', token);在router/index.js下router.beforeEach((to, from, next) => { let token = localStorage.g

2021-09-22 17:12:33 1637

原创 将远程git仓库里的指定分支拉取到本地(本地不存在的分支)

将远程git仓库里的指定分支拉取到本地(本地不存在的分支)git checkout -b 本地分支名 origin/远程分支名如果不成功git fetch再执行以上

2021-05-27 17:09:53 125

原创 2021-03-19

学习目标:angularjs学习学习内容:1、 angularjs获取元素id,获取指定id的input中的值<input type="text" id="target" value="qqqqqqqqqqqqqqqqqqqqqqqq"> var val=angular.element('#target').val(); $window.console.log(val);**使用angular.element的时候如果没有引入jq会报错**必须在引入angular

2021-04-14 09:30:56 67

原创 Angular学习笔记(一)

Angular学习笔记(一)1. Angular简介AngularJS 是一个 JavaScript 框架。它可通过 script标签添加到 HTML 页面。在线引用链接:`<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>`各个版本下载:[点我下载](https://github.com/angular/angular.js/releases)2. Ang

2021-03-04 11:10:23 209 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除