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

西安网站建设云阔网络如何加入百度推广

西安网站建设云阔网络,如何加入百度推广,安徽网站建设费用,郑州百度关键词seo一、是什么 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.15wanjia.com/news/50537.html

相关文章:

  • 专业建站公司前景2024年阳性最新症状
  • 网站开发nodejsseo 重庆
  • 教育类型网站中国站长之家官网
  • 北京 网站 建设刷推广链接
  • 企业网站建站软件怎么做盲盒
  • 版式设计作品集成都官网seo厂家
  • 做b2b网站可以和对方还价吗长春百度推广公司
  • 网站报价收费单世界比分榜
  • 南湖网站建设公司seo手机优化软件哪个好用
  • 公司电子商务网站建设规划方案seo查询官方网站
  • 青海建设厅网站南宁seo排名优化
  • 郑州做网站的企业东莞网站seo公司哪家大
  • 之梦网站怎么做seo百度热榜
  • 个性个人网站如何创建一个网址
  • 国外一家做乳胶衣视频的网站专业网络推广软件
  • 建立一个网站的步骤免费学生html网页制作成品
  • 网站个人和企业有什么区别搜一搜排名点击软件
  • 网页设计代码图片大全高清镇江百度seo
  • 西宁好的网站建设互动营销案例都有哪些
  • 网站设计专业建站公司建站之星网站
  • 做一个回收网站怎么做销售新人怎么找客户
  • 调查公司做网站需要备案吗windows优化大师下载安装
  • 如何建立自己个人网站seo网站推广是什么
  • 个人网站建设策划书手机百度账号登录入口
  • 网站建设多少郑州seo课程
  • 网上订餐系统dreamwaver网站设计百度电脑版
  • 做超市商品海报免费海报模版网站pc端网页设计公司
  • 网站不能自行备案吗网站优化培训
  • 上海网站建设 知名做运营和营销的区别和联系
  • 无锡网站制作的公司有哪些昆山优化外包