效果展示 先看看这是不是需要的效果^_^ 如图，Element ...

文章目录 0. 引言 1.何为反向代理？ 2. Nginx配置文件 2.1 第一部分：全局块 2.2 第二部分：events 块 2.3 第三部分：http 块 [2.3.1 全局 server 块]( ...

如何实时监测storage的变化 一、不同浏览器页签间的监听（sessionStorage、localstorage、vuex的变化都可以监听到） 使用场景：同一个浏览器，以用户最后一次登录账号为准（使用localStorage存储）。 ``` mounted() { wi ...

当我们遇到请求后台接口遇到 Access-Control-Allow-Origin时，那说明跨域了。 跨域是因为浏览器的同源策略所导致，同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，同源是指：域名、协议、端口相同 ![](https: ...

一.什么是跨域 跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。 当我们请求一个接口的时候， ...

vue解决跨域问题 开发模式 要知道，跨域这个行为是浏览器禁止的，但是服务端并不禁止。使用proxyTable的原理就是将域名发送给本地的服务器，再由本地的服务器去请求真正的服务器。 打开config/index.js，修改dev里的proxyTable ``` proxyT ...

一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库v ...

1.npm install vue: 会把vue包安装到node_modules目录中； 不会修改package.json文件； 之后运行npm install命令时，不会自动安装vue； 2.npm install vue --save: ``` 会把vue包 ...

问题重现： 后台服务重启时，前端连接的webScoket就断了，需要刷新页面才能重新建立连接，这样用户体验的效果不好，而且有些业务场景，比如硬件监控系统大屏这些是不允许刷新页面的，所以需要前端发现webSocket断了，然后自己不断去发起连接。 解决思路： 在webSocket的生 ...

一、vue-video-player的使用： 1.安装 npm i vue-video-player -D 2.引入（组件内引入） ``` import { videoPlayer } from 'vue-video-player' import 'video.js/dist ...