当前位置: 首页 > news >正文

大庆做网站的玉林seo

大庆做网站的,玉林seo,石家庄做网站wsjz,电商网站管理一、是什么 webpack proxy,即webpack提供的代理服务 基本行为就是接收客户端发送的请求后转发给其他服务器 其目的是为了便于开发者在开发模式下解决跨域问题(浏览器安全策略限制) 想要实现代理首先需要一个中间服务器,webpac…

一、是什么

webpack proxy,即webpack提供的代理服务

基本行为就是接收客户端发送的请求后转发给其他服务器

其目的是为了便于开发者在开发模式下解决跨域问题(浏览器安全策略限制)

想要实现代理首先需要一个中间服务器,webpack中提供服务器的工具为webpack-dev-server

webpack-dev-server

webpack-dev-server是 webpack 官方推出的一款开发工具,将自动编译和自动刷新浏览器等一系列对开发友好的功能全部集成在了一起

目的是为了提高开发者日常的开发效率,只适用在开发阶段

关于配置方面,在webpack配置对象属性中通过devServer属性提供,如下:

// ./webpack.config.js
const path = require('path')module.exports = {devServer: {contentBase: path.join(__dirname, 'dist'),compress: true,port: 9000,proxy: {'/api': {target: 'https://api.github.com'}}}
}

devServetr里面proxy则是关于代理的配置,该属性为对象的形式,对象中每一个属性就是一个代理的规则匹配

属性的名称是需要被代理的请求路径前缀,一般为了辨别都会设置前缀为 /api,值为对应的代理匹配规则,对应如下:

  • target:表示的是代理到的目标地址
  • pathRewrite:默认情况下,我们的 /api-hy 也会被写入到URL中,如果希望删除,可以使用pathRewrite
  • secure:默认情况下不接收转发到https的服务器上,如果希望支持,可以设置为false
  • changeOrigin:它表示是否更新代理后请求的 headers 中host地址

二、工作原理

proxy工作原理实质上是利用http-proxy-middleware 这个http代理中间件,实现请求转发给其他服务器

举个例子:

在开发阶段,本地地址为http://localhost:3000,该浏览器发送一个前缀带有/api标识的请求到服务端获取数据,但响应这个请求的服务器只是将请求转发到另一台服务器中

const express = require('express');
const proxy = require('http-proxy-middleware');const app = express();app.use('/api', proxy({target: 'http://www.example.org', changeOrigin: true}));
app.listen(3000);// http://localhost:3000/api/foo/bar -> http://www.example.org/api/foo/bar

三、跨域

在开发阶段, webpack-dev-server 会启动一个本地开发服务器,所以我们的应用在开发阶段是独立运行在 localhost 的一个端口上,而后端服务又是运行在另外一个地址上

所以在开发阶段中,由于浏览器同源策略的原因,当本地访问后端就会出现跨域请求的问题

通过设置webpack proxy实现代理请求后,相当于浏览器与服务端中添加一个代理者

当本地发送请求的时候,代理服务器响应该请求,并将请求转发到目标服务器,目标服务器响应数据后再将数据返回给代理服务器,最终再由代理服务器将数据响应给本地。

在代理服务器传递数据给本地浏览器的过程中,两者同源,并不存在跨域行为,这时候浏览器就能正常接收数据

注意:服务器与服务器之间请求数据并不会存在跨域行为,跨域行为是浏览器安全策略限制

http://www.dt0577.cn/news/12741.html

相关文章:

  • 网站建设的目标与期望网店运营公司
  • 网络营销方法的典型案例seo快速收录快速排名
  • 什么叫网站开发应用框架口碑营销的方法
  • 上海企业网站建设报软文营销文章500字
  • 网站加密传输怎么做搜索引擎有哪些?
  • 运营一个网站的费用谷歌推广效果怎么样
  • 网站建设优化制作公司青岛网络优化哪家专业
  • 兰州网站开发企业线下实体店如何推广引流
  • 重庆做网站建设找谁如何建立自己的网站平台
  • 只用jsp做网站谷歌搜索引擎首页
  • 站长工具网站测速seo模板建站
  • 平江网页设计报价做seo有什么好处
  • 昆明网站托管企业童程童美少儿编程怎样收费
  • 做外贸翻译用哪个网站好19
  • 网站制作相关知识宁波网站推广
  • 微信引流神器手机电影网站怎么做网盘搜索
  • 深圳营销型网站制作推广代理
  • 中山快速做网站价格营销推广策划
  • 网站建设容易出现的问题江苏网页设计
  • 环球军事最新新闻北京网站优化效果
  • 网站内容体系网页制作成品
  • 两个网站php 一个空间百度百度一下
  • 做dm素材网站深圳seo顾问
  • 响应式网站尺寸节点方象科技的企业愿景
  • 专门做旅游攻略的网站有哪些制作网站推广
  • 做网站 0元代理搜索引擎排行榜
  • 做网站的多少钱北京百度网站排名优化
  • 美工网站模板小说排行榜百度搜索风云榜
  • wordpress分城市访问玉溪seo
  • 商务网站策划书营销型网站建设运营