Vue中使用反向代理模拟http请求中host和referer，骗过Web服务器对请求的限制

最新推荐文章于 2024-05-13 11:04:05 发布
最新推荐文章于 2024-05-13 11:04:05 发布
阅读量1.1w 收藏 12
点赞数 3
分类专栏： vue 文章标签： http请求
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25695065/article/details/79738356
版权

host:翻译的意思是主机,它在window.location中的作用是设置或返回当前URL的主机名和端口号

referer:HTTP referer 是header的一部分，当浏览器向Web服务器发送请求的时候，一般会带上referer，告诉服务器我是从哪个页面过来的，服务器基于此可以获得一些信息进行处理，当然服务器可以检查请求来源页面的host和referer，并做相应的限制

在Vue2.0中没有了取消了dev-server.js这个文件，测需要在build>webpack.dev.conf.js文件下配置：

  1. 引入相关依赖

2.在指定位置配置代理接口

3.调用代理接口


呦不错哦
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vue axios数据请求及vue中使用axios的方法
10-18
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，在vue中数据请求需要先安装axios。这篇文章主要介绍了vue axios数据请求及vue中使用axios的方法,需要的朋友可以参考下
Vue项目中如何使用Axios封装http请求详解
12-13
使用axios可以统一做请求响应拦截，例如请求响应时我们拦截响应信息，判断状态码，从而弹出报错信息。请求超时的时候断开请求，还可以很方便地使用then或者catch来处理请求。 下载源码 安装 npm install axios --...
vue-cli axios跨域 + 反向代理模拟http请求host+referer
weixin_30555753的博客
07-19 271
axios跨域 配置config->index.js中的proxyTable，内容如下： proxyTable: { // 跨域请求 '/api': { // 注意此处可设置为 '*' 代表不限制于某个接口，target下的所有接口都可以访问 target:'http://www.webdomain.com', // 你请求的第三方接口 ...
vue2.0用axios来进行referer伪造
热门推荐
呐呐呐
05-08 2万+
当使用跨域jsonp接口时。referer属性是前台接口告诉服务器该接口的域名，而后台可以对应设置请求头referer从而对接口进行限制访问。 比如qq音乐的一个jsonp数据接口 https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg 其后台接口对referer和host的设置如下 referer: 'https://...
局域网内访问vue3项目|Network: use --host to expose
最新发布
hac1322的博客
05-13 508
这意味着只有在同一台计算机上的浏览器才能访问你的应用程序。通过指定一个公共的主机名，你可以使你的应用程序能够被网络中的其他设备访问，这对于在。上的设备，局域网是指在某一区域内由多台计算机互联成的计算机组，同一局域网不一定要接同一个交换机或者HUB。选项告诉开发服务器监听所有的网络接口，而不仅仅是本地主机。是一个特殊的 IP 地址，代表所有可能的 IP 地址。我希望在相同的局域网内，通过手机访问我在Vue 3项目中展示的效果。中的其他设备来访问你正在开发的应用程序。中的其他设备上测试你的应用程序特别有用。
host的作用
weixin_30607029的博客
08-21 259
host一般用于多层开发，如果在host里填写域名，那么程序会先运行host里的域名，也就是说只会运行内网，而不会在运行外网了。 转载于:https://www.cnblogs.com/huzm/archive/2012/08/21/2649622.html...
004_Vue音乐播放器（请求歌单列表伪造referer和host）
友人C君的博客
10-21 927
上一篇我们讲到，请求QQ音乐的推荐列表的轮播图数据，这些轮播图数据属于相对公开的数据，最多存在跨域问题，使用上篇说到的jsonp或者axios（在config的index.js函数中添加proxyTable进行请求代理）即可解决跨域问题。 这篇我们需要请求的时歌单列表，先看看请求回来的数据的格式 这个歌单列表数据的请求比较敏感，所以，QQ音乐对其API的请求做了限制，限制字段是refere...
设置referrer
qq_45208029的博客
05-10 2260
1.全界面设置 所有界面挑战时携带地址origin，所有请求不携带地址never（修改后记得从新启动） <meta name="referrer" content="origin"> 2.单页面设置 vue的话可以设置一个vue-meta的插件（暂不介绍） 也可用在created从dom获取和修改（代码如下） created () { document.querySelector("meta[name='referrer']")["content"] = "neve
vue中axios处理http发送请求的示例（Post和get）
01-21
本文介绍了vue中axios处理http发送请求的示例（Post和get），分享给大家，具体如下： axios中文文档　 https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format axios文档 在处理http...
解决vue2中使用axios http请求出现的问题
11-30
使用axios处理post请求时，出现的问题解决 默认情况下： axios.post(url, params).then(res => res.data); 当url是远程接口链接时，会报404的错误： Uncaught (in promise) Error: Request failed with status code...
vue发送websocket请求和http post请求的实例代码
10-16
在Vue.js应用中，我们有时需要与服务器进行实时通信，这时可以使用WebSocket协议。WebSocket提供了一种双向通信机制，使得服务器能够主动推送数据到客户端。同时，我们也需要使用HTTP POST请求来发送数据到服务器，...
vue跨域调用qq音乐接口报"invalid referer"的解决办法
weixin_42353499的博客
04-02 2579
在进行后端跨域调用qq音乐获取歌单列表时发现报“invalid referer”错误。 于是在vue.config.js添加下面配置信息即可（注意referer中的地址后面要加上/ 否则仍会报上述错误，这个是为什么我也不清楚。后面留意一下） module.exports = { publicPath : '', devServer:{ proxy:{ ...
怎么在请求的过程中不发送referrer请求
init_yanxiao的博客
11-18 1040
在HTML页面头中通过meta属性全局配置： <meta name='referrer' content='no-referrer'><> 就可以了，功能在请求中不发送给referrer，使服务器不进行同源策略·
VUE3 Referer为”no-referrer“问题
weixin_42777366的博客
10-25 2824
VUE3 Referer为”no-referrer“问题问题描述解决 问题描述 为了设置七牛云的防盗链Referer，需要设置vue项目的referer，但是使用axios设置header等等都是不起作用的。 解决 在public的模板文件（index.html）中<head>标签下，添加一行<meta name="referrer" content="origin">即可生效，当然content的内容可以选择，content内容参考链接：https://www.jianshu.c
vue解决控制http的referer有无
lvxiucai的博客
02-25 5914
场景：我需要清除ajax请求中的refer，通过headers{ referer: '' }设置无效，因为w3c不允许这样做。 网上很多的案例都是关于axios伪造referer来控制，但是我设置的不生效 解决： 方法1：修改http协议中referer的metadata信息，html文档可以控制http请求的referer，比如是否发送referer、只发送hostname、完整的referer等 方法2：js的tricks，这种有待尝试，以后在做吧 方法1具体操作很简单，在ajax所...
请求头referer作用及去除
qq_49810363的博客
12-11 5234
注意：本人是菜鸟，仅供参考 一、请求头referer作用 当浏览器向web服务器发送请求的时候，一般会带上Referer，告诉服务器该网页是从哪个页面链接过来的，服务器因此可以获得一些信息用于处理 1、防盗链 比如服务器只允许网站访问自己的静态资源，那服务器每次都需要判断Referer的值是否是自己的域名，如果是就继续访问，不是就拦截 2、防止恶意请求 必须 Referer为我自己的网站才可以访问，否则禁止访问 二、在防盗链设置中，允许空Referer和不允许空Referer有什么区别？ 允许为空，那再浏览
Vue使用proxy提示 “Refused to set unsafe header “Referer“”
前端小白-Mr鹏帅
03-05 1万+
在调用另一个源节点接口的时候，报错提示“Refused to set unsafe header "Referer" 报错信息 经过查询发现是因为浏览器拒绝人为设置伪装的referer 正巧不巧，在用vue的proxy来进行跨域处理，由此记录一下用法。 这是在调用axios的方法 method:'post', url:"/api/v1/home/page", headers:{ 'Content-Type':'application/x-www-form-ur
@Vue/Cli 3 Invalid Host header 检测关闭
dbghum0371的博客
11-23 278
Invalid Host header 在本地开发等一般情况下，无论是 local，还是 ip，或者是 0.0.0.0，在 cli 中都默认为合法的，但是有些场景可能会被不支持，比如远程开发，或者是云端开发。 比如 Cloud Studio 开发时候就给的地址比较奇葩：https://aioaku-[port]-llcggl.dev.ide.live/#/，那么就会被报 Invalid ...
vue中封装axios并做vue代理，请求路径是http://localhost:3000
04-18
好的，关于这个问题，我可以给您一些参考。您可以在 Vue 中封装 Axios 并使用 Vue 代理来发送请求。首先在 main.js 文件中导入 Axios 并创建 Axios 实例： ``` import axios from 'axios' Vue.prototype.$http = axios.create({ baseURL: 'http://localhost:3000' }) ``` 然后，在 Vue 组件中使用 this.$http 对象发送请求，例如： ``` this.$http.get('/users') .then(response => { console.log(response.data) }) .catch(error => { console.log(error.response.data) }) ``` 当然，具体的请求方式和参数参数还需要根据您的具体需求来确定。希望这些能帮到您。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值