- 博客(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关注的人