目录
2 proxy.js页面 搭建一个服务器(写好代码后,在cmd上启动)
(由于后端请求不受浏览器同源策略影响,将前端跨域请求放在后端)
1下载 http-proxy-middleware (提前下载nodejs, 再在cmd下载~)
2** proxy.js页面 搭建一个服务器(写好代码后,在cmd上启动)
当一个网站中的所有请求中有的请求的协议、域名、端口号与本网站的协议、域名、端口号不一致
此时就跨域了
跨域受浏览器的同源策略限制
怎么解决跨域(面试题)
方式1: 使用jsonp 解决跨域(最大弊端:不能请求post 请求)
第一步: 动态创建一个script
第二步: 给script 标签设置src 属性, 值就是请求的接口地址
注意: 请求的地址上必须在额外的传递一个参数 例如: 接口地址url?参数1=val1&参数2=value2&callback=fn
第三步: 将该script 标签添加到页面中,这样浏览器加载script 标签,请求对应的src 地址, 相当于发起了一个请求,
将参数传递给后端,后端接收该请求地址的参数, 获取参数1 参数2,参数callback,后端然后调用 callback 对用的函数 fn(数据)
前端定义的fn 函数被后端调用执行, 参数就是后端传递的数据
**
<body>
<button>点击发送请求</button>
</body>
</html>
<script>
// 1jsonp跨域
let Btn = document.querySelector('button')
// 第四步:
function fn(data) {
// data 就是接收到的数据(后端返回的数据)相当于xhr.responseText
console.log(data);
}
Btn.onclick = function () {
// 方式1
// 第一步:
let script = document.createElement('script');
// // 第二步:
script.src = 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=' + 100 + '&cb=fn';
// // 第三步:
document.body.appendChild(script);
}
</script>
// 1引入http 、fs
let http=require('http')
let fs=require('fs')
// 2创建服务器
let app=http.createServer((req,res)=>{
// 2-0请求地址为首页地址(确切的地址,且首页地址进行ajax请求)
if(req.url=='/index.html'){
let data=fs.readFileSync('./public/index.html')
res.end(data)
// 2-1假设请求地址与接口地址相同
} else if(req.url=="/api" ){
// 2-1.1成功返回ok
res.end('ok')
}else{
// 2-1.2失败返回other
res.end ("other")
}
})
// 3对服务器的监听
// (在cmd上 运行 node proxy.js(本页面标题);服务器启动成功;在浏览器上监听,进入localhost:8888)
app.listen(8888,()=>{
console.log('服务器启动');
})



服务端代理
将前端得我跨域请求放在后端请求,因为服务器端的请求不受浏览器的同源策略的限制
前端发起数据请求,由于受浏览器的同源策略限制,导致存在跨域请求,请求不成功, 将前端改成不跨域的请求,然后在服务器端对应的接口
处理该请求,使用第三方模块 http-proxy-middleware 代理该请求,将请求的结果返回给前端,这样前端也获取了数据
http-proxy-middleware 属于第三方模块

// 1引用
let http = require('http');
let fs = require('fs');
let httpproxymiddleware = require('http-proxy-middleware');
// 2创建
const app = http.createServer((req, res) => {
if (req.url == '/index.html') {
let data = fs.readFileSync('./public/index.html')
res.end(data)
} else if (req.url == '/api') {
let fn = httpproxymiddleware.createProxyMiddleware({
// 3 target\changeOrigin\pathRewrite 来自官网,即对httpproxymiddleware 的使用
target: 'http://news.baidu.com/widget?id=LocalNews&ajax=json&t=1665282583981', // 代理请求的目标地址
changeOrigin: true, // 表示是否跨域
pathRewrite: {
'/api': ''
},
})
fn(req, res)
} else {
res.end('other')
}
})
app.listen(8888, () => {
console.log('服务器已启动');
})
// 2服务端代理
let Btn = document.querySelector('button')
Btn.onclick = function () {
// 发起数据请求
let xhr = new XMLHttpRequest();
xhr.open('get', '/api')
xhr.send()
xhr.onload = function () {
console.log(JSON.parse(xhr.responseText));
}
}

我想为Heroku构建一个Rails3应用程序。他们使用Postgres作为他们的数据库,所以我通过MacPorts安装了postgres9.0。现在我需要一个postgresgem并且共识是出于性能原因你想要pggem。但是我对我得到的错误感到非常困惑当我尝试在rvm下通过geminstall安装pg时。我已经非常明确地指定了所有postgres目录的位置可以找到但仍然无法完成安装:$envARCHFLAGS='-archx86_64'geminstallpg--\--with-pg-config=/opt/local/var/db/postgresql90/defaultdb/po
尝试通过RVM将RubyGems升级到版本1.8.10并出现此错误:$rvmrubygemslatestRemovingoldRubygemsfiles...Installingrubygems-1.8.10forruby-1.9.2-p180...ERROR:Errorrunning'GEM_PATH="/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/ruby-1.9.2-p180@global:/Users/foo/.rvm/gems/ruby-1.9.2-p180:/Users/foo/.rvm/gems/rub
我的最终目标是安装当前版本的RubyonRails。我在OSXMountainLion上运行。到目前为止,这是我的过程:已安装的RVM$\curl-Lhttps://get.rvm.io|bash-sstable检查已知(我假设已批准)安装$rvmlistknown我看到当前的稳定版本可用[ruby-]2.0.0[-p247]输入命令安装$rvminstall2.0.0-p247注意:我也试过这些安装命令$rvminstallruby-2.0.0-p247$rvminstallruby=2.0.0-p247我很快就无处可去了。结果:$rvminstall2.0.0-p247Search
由于fast-stemmer的问题,我很难安装我想要的任何rubygem。我把我得到的错误放在下面。Buildingnativeextensions.Thiscouldtakeawhile...ERROR:Errorinstallingfast-stemmer:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcreatingMakefilemake"DESTDIR="cleanmake"DESTDIR=
当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub
我正在尝试使用boilerpipe来自JRuby。我看过guide从JRuby调用Java,并成功地将它与另一个Java包一起使用,但无法弄清楚为什么同样的东西不能用于boilerpipe。我正在尝试基本上从JRuby中执行与此Java等效的操作:URLurl=newURL("http://www.example.com/some-location/index.html");Stringtext=ArticleExtractor.INSTANCE.getText(url);在JRuby中试过这个:require'java'url=java.net.URL.new("http://www
我意识到这可能是一个非常基本的问题,但我现在已经花了几天时间回过头来解决这个问题,但出于某种原因,Google就是没有帮助我。(我认为部分问题在于我是一个初学者,我不知道该问什么......)我也看过O'Reilly的RubyCookbook和RailsAPI,但我仍然停留在这个问题上.我找到了一些关于多态关系的信息,但它似乎不是我需要的(尽管如果我错了请告诉我)。我正在尝试调整MichaelHartl'stutorial创建一个包含用户、文章和评论的博客应用程序(不使用脚手架)。我希望评论既属于用户又属于文章。我的主要问题是:我不知道如何将当前文章的ID放入评论Controller。
相信很多人在录制视频的时候都会遇到各种各样的问题,比如录制的视频没有声音。屏幕录制为什么没声音?今天小编就和大家分享一下如何录制音画同步视频的具体操作方法。如果你有录制的视频没有声音,你可以试试这个方法。 一、检查是否打开电脑系统声音相信很多小伙伴在录制视频后会发现录制的视频没有声音,屏幕录制为什么没声音?如果当时没有打开音频录制,则录制好的视频是没有声音的。因此,建议在录制前进行检查。屏幕上没有声音,很可能是因为你的电脑系统的声音被禁止了。您只需打开电脑系统的声音,即可录制音频和图画同步视频。操作方法:步骤1:点击电脑屏幕右下侧的“小喇叭”图案,在上方的选项中,选择“声音”。 步骤2:在“声
首先回顾一下拉格朗日定理的内容:函数f(x)是在闭区间[a,b]上连续、开区间(a,b)上可导的函数,那么至少存在一个,使得:通过这个表达式我们可以知道,f(x)是函数的主体,a和b可以看作是主体函数f(x)中所取的两个值。那么可以有, 也就意味着我们可以用来替换 这种替换可以用在求某些多项式差的极限中。方法: 外层函数f(x)是一致的,并且h(x)和g(x)是等价无穷小。此时,利用拉格朗日定理,将原式替换为 ,再进行求解,往往会省去复合函数求极限的很多麻烦。使用要注意:1.要先找到主体函数f(x),即外层函数必须相同。2.f(x)找到后,复合部分是等价无穷小。3.要满足作差的形式。如果是加
SPI接收数据左移一位问题目录SPI接收数据左移一位问题一、问题描述二、问题分析三、探究原理四、经验总结最近在工作在学习调试SPI的过程中遇到一个问题——接收数据整体向左移了一位(1bit)。SPI数据收发是数据交换,因此接收数据时从第二个字节开始才是有效数据,也就是数据整体向右移一个字节(1byte)。请教前辈之后也没有得到解决,通过在网上查阅前人经验终于解决问题,所以写一个避坑经验总结。实际背景:MCU与一款芯片使用spi通信,MCU作为主机,芯片作为从机。这款芯片采用的是它规定的六线SPI,多了两根线:RDY和INT,这样从机就可以主动请求主机给主机发送数据了。一、问题描述根据从机芯片手