技术共享，共同进步！

Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决

移动端项目初始设置一. 引入完整meta二. 引入 reset.css 文件，初始化项目样式三. 解决 1 物理像素边框问题四. 某些设备上或浏览器上 300 毫米 click 点击延迟问题一. 引入完整meta<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">二. 引入 reset.css 文件

1. 在项目根目录创建文件，取名为“.prettierrc”2. 在“.prettierrc”中编辑设置ESlent{ "semi":false, "singleQuote":true}“semi”:false 格式化代码时候，不会在语句结尾加分号（ ; ）“singleQuote”:true 格式化代码时候，启用单引号（’ '）代表字符串...

Vue - 项目中使用 less

Vue - 项目中使用 scss

Vue - 设置浏览器页面头部 ico 图标

Vue - 项目中使用iconfont（阿里图标库）

index.js页面const router = new Router({ routes: [ //当访问根目录时候，重定向至Login页面 {path:'/',redirect:'/login'}, //登录页面 {path: '/login', component: Login}, //首页 {path:'/home',component:...

在 util 文件夹下创建一个 auto_loginout.js 文件import router from '@/router'export default function () { let setInterval = null;//定时器 let timeOut = 10 * 1000 // 设置超时时间: 10秒钟 // console.log("开始", new Date().getTime()) // 初次向sessionStorage存入操作时间 ..

Vue - 通过axios拦截器添加token验证

Vue - proxy处理跨域

Vue - axios 添加拦截器，配置请求头，添加 token 验证

封装配置 axios，api 统一管理接口一. 配置axios二. 组件中使用一. 配置axiosstatic 文件夹下创建一个 api 文件夹，用于统一管理接口api 文件夹下创建 http.js 文件import axios from 'axios'import router from '../../src/router'import ElementUI from 'element-ui' // 这里使用的是 elementUI// 配置请求默认接口，环境切换if (proce

判断当前设备是手机端或者pc端，根据设备展示页面在项目中经常会遇到支持 pc 与手机端的需求。但是 pc 端和手机端尺寸差距很大，一个文件很难实现这种需求。这个时候就需要判断当前的设备，根据设备来跳转不同的路由。项目 router 文件夹下的 index.js 中有两个路由，分别是 pc 端路由和移动端路由export default new Router({ routes: [ { path: '/', redirect:'/pc-home' },