网络
网络记录
续木
这个作者很懒,什么都没留下…
展开
-
axios反向代理和封装的必要
import axios from 'axios'mounted(){//http://baidu.com/ajax/xxxxx在配置文件内target内容会替代ajax前面部分axios.get(/ajax/xxxxx).then(res=>{console.log(res.data);})}根文件下配置 vue.config.js 添加以下代码module.exp...原创 2020-04-26 21:32:23 · 384 阅读 · 0 评论 -
axios和ajax的区别
jQuery实现ajax封装,ajax技术实现了网页的局部数据刷新axios是通过promise实现对ajax技术的一种封装axios是ajax ajax不止是axiosaxios({ url: '/getUsers', method: 'get', responseType: 'json', // 默认是json...原创 2020-04-09 09:56:39 · 201 阅读 · 0 评论 -
网址输入后的经历
DNS域名解析建立socket连接TCP3次握手发起请求 : 向IP对应的服务器发送http请求响应请求并传输数据 : 服务器响应http请求,发回网页内容浏览器解析网页内容 : 浏览器解析并渲染呈现给用户连接结束TCP4次挥手标题域名解析目的是为了将网址转为便于机器识别的IP地址。本地机器上配置网络时都有DNS会把URL发送给这个配置的DNS服务器;如果能够找到相应的...原创 2020-04-07 11:22:27 · 127 阅读 · 0 评论 -
Ajax的源码实现
function ajaxFunc(method, url, data, callback, flag) { var xhr = null; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject('Microsoft.XMLHttp'); }}if (m...原创 2019-09-27 10:28:39 · 1527 阅读 · 0 评论 -
CORS
跨域资源共享(CORS)普通跨域请求:只服务端设置Access-Control-Allow-Origin即可,前端无须设置,若要带cookie请求:前后端都需要设置。需注意的是:由于同源策略的限制,所读取的cookie为跨域请求接口所在域的cookie,而非当前页。如果想实现当前页cookie的写入,可参考下文:七、nginx反向代理中设置proxy_cookie_domain 和 八、Nod...转载 2019-10-02 15:53:59 · 52 阅读 · 0 评论 -
前端需要掌握的网络原理
同源:浏览器有一个概念——同源策略(Same-Origin Policy)。所谓同源是指,域名,协议,端口相同。1.Cookie、LocalStorage 和 IndexDB 无法读取2.DOM 和 Js对象无法获得3.AJAX 请求不能发送跨域JS跨域请求就是突破同源的方法1.CORS方案需要服务器支持,浏览器默认都支持该功能。CORS通信与同源的AJAX通信代码完全一样。浏...原创 2019-10-02 16:06:15 · 137 阅读 · 0 评论