常见解决方案有两种
服务器端解决方案
服务器告诉浏览器:你允许我跨域
具体如何告诉浏览器,请看:
// 告诉浏览器,只允许 http://bb.aaa.com:9000 这个源请求服务器 $response->header('Access-Control-Allow-Origin', 'http://bb.aaa.com:9000'); // 告诉浏览器,请求头里只允许有这些内容 $response->header('Access-Control-Allow-Headers', 'Authorization, Content-Type, Depth, User-Agent, X-File-Size, X-Requested-With, X-Requested-By, If-Modified-Since, X-File-Name, X-File-Type, Cache-Control, Origin'); // 告诉浏览器,只允许暴露'Authorization, authenticated'这两个字段 $response->header('Access-Control-Expose-Headers', 'Authorization, authenticated'); // 告诉浏览器,只允许GET, POST, PATCH, PUT, OPTIONS方法跨域请求 $response->header('Access-Control-Allow-Methods', 'GET, POST, PATCH, PUT, OPTIONS'); // 预检 $response->header('Access-Control-Max-Age', 3600);
将以上代码写入中间件:
// /app/Http/Middleware/Cors.php <"htmlcode">$api->group(['middleware'=>'cors','prefix'=>'doc'], function ($api) { $api->get('userinfo', \App\Http\Controllers\Api\UsersController::class.'@show'); })客户器端解决方案
欺骗浏览器,让浏览器觉得你没有跨域(其实还是跨域了,用的是代理)
在manifest.json里添加如下代码:
// manifest.json "devServer" : { "port" : 9000, "disableHostCheck" : true, "proxy": { "/api/doc": { "target": "http://www.baidu.com", "changeOrigin": true, "secure": false }, "/api2": { ..... } }, },参数说明
'/api/doc'
捕获API的标志,如果API中有这"/api/doc"个字符串,那么就开始匹配代理,
比如API请求"/api/doc/userinfo",
会被代理到请求 "http://www.baidu.com/api/doc"
即:将匹配到的"/api/doc"替换成"http://www.baidu.com/api/doc"
客户端浏览器最终请求链接表面是:"http://192.168.0.104:9000/api/doc/userinfo",
实际上是被代理成了:"http://www.baidu.com/api/doc/userinfo"去向服务器请求数据
target
代理的API地址,就是需要跨域的API地址。
地址可以是域名,如:http://www.baidu.com
也可以是IP地址:http://127.0.0.1:9000
如果是域名需要额外添加一个参数changeOrigin: true,否则会代理失败。
pathRewrite
路径重写,也就是说会修改最终请求的API路径。
比如访问的API路径:/api/doc/userinfo,
设置pathRewrite: {'^/api' : ''},后,
最终代理访问的路径:"http://www.baidu.com/doc/userinfo",
将"api"用正则替换成了空字符串,
这个参数的目的是给代理命名后,在访问时把命名删除掉。
changeOrigin
这个参数可以让target参数是域名。
secure
secure: false,不检查安全问题。
设置后,可以接受运行在 HTTPS 上,可以使用无效证书的后端服务器
其他参数配置查看文档
https://webpack.docschina.org/configuration/dev-server/#devserver-proxy请求封装
uni.docajax = function (url, data = {}, method = "GET") { return new Promise((resolve, reject) => { var type = 'application/json' if (method == "GET") { if (data !== {}) { var arr = []; for (var key in data) { arr.push(`${key}=${data[key]}`); } url += `"&")}`; } type = 'application/x-www-form-urlencoded' } var access_token = uni.getStorageSync('access_token') console.log('token:',access_token) var baseUrl = '/api/doc/' uni.request({ url: baseUrl + url, method: 'GET', data: data, header: { 'content-type': type, 'Accept':'application/x..v1+json', 'Authorization':'Bearer '+access_token, }, success: function (res) { if (res.data) { resolve(res.data) } else { console.log("请求失败", res) reject(res) } }, fail: function (res) { console.log("发起请求失败~") console.log(res) } }) }) }请求示例:
//获取用户信息 uni.docajax("userinfo",{},'GET') .then(res => { this.nickname = res.nickname this.avatar = res.avatar });
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]