雨悸8023


雨悸8023,个人博客,前端知识分享

vue-router-config

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL...

webpack require.ensure

前言 使用 vue-cli构建的项目,在默认情况下,执行 npm run build会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js ,影响页面加载。 如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时...

vue-router笔记

安装 npm install vue-router 如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装路由功能: import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter...

vue-api配置的那些坑

跨域问题 从开发环境切换到生产环境首先面临的是跨域的问题,开发时为了简单就直接在vue里设置的代理,可到了生产环境就不灵了,出来混迟早要还的。多么痛的领悟。。。 首先我们要弄明白什么是跨域,为何会产生跨域。 跨域其实是受制于浏览器的同源策略,那什么又是同源策略呢,维基百科上的解释: In ...

axios详解

一、安装 1、 利用npm安装npm install axios --save 2、 利用bower安装bower install axios --save 3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min....

vue-resource详解

前言 vue-resource是什么? 在它的github上,是这么说的 The plugin for Vue.js provides services for making web requests and handle responses using a XMLHttpRequest o...

vue项目的proxy代理设置dev-server

前言 在vue的开发中,由于前后端分离后,服务端和前端的开发环境处于2台不同的机器上,整个联调过程,入口页面需要引用前端机器的静态资源,又要调用后端机器的异步接口。 proxy代理 通过在本地 dev-server 中使用 http-proxy-middleware 中间件把接口请求代理...

window对象

window 对象 BOM的核心对象是window,它表示浏览器的一个实例。 全局作用域 由于wendow同事扮演者Global对象,因此全局作用域中的变量、函数都会变成window对象的属性和方法。 定义全局变量与在window对象上直接定义属性的区别:全局变量不能通过delete操...