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

iis网站十大纯净系统网站

iis网站,十大纯净系统网站,大学校园网站建设的,广州网络公司人气排名目录 背景概述实现中遇到的问题解决方法1 - 反向代理方法2 - JSONP实现1实现2 借助jQuery#xff08;我用的#xff09; 方法3 - 原生请求方法4 - 接口请求时请求头解决跨域 背景概述 开发过程中对接读卡器硬件时#xff0c;和C工程师对接#xff0c;C工程师写了一个程序我用的 方法3 - 原生请求方法4 - 接口请求时请求头解决跨域 背景概述 开发过程中对接读卡器硬件时和C工程师对接C工程师写了一个程序安装到自己电脑上后会提供一个接口 http://localhost:5001/api/XXXXX 用来获取读卡器读取到的数据该数据是经过C程序处理过的 具体过程 安装C程序到本机将磁卡放在读卡器上读卡器插在自己电脑上调用接口 http://localhost:5001/api/XXXXX 实现中遇到的问题 我们自己本地运行项目时使用【方法1】反向代理可以项目部署到线上时我们前端写的反向代理是不会打包进包里的需要后端 nginx 配置代理但是后端 nginx 代理如果代理地址写 http://localhost:5001 只能代理到服务器而不能代理到我们本机C的程序是在我们自己电脑安装的服务器访问不到而我们线上如果直接请求地址 http://localhost:5001/api/XXXXX 会有跨域问题【所以】我们需要解决一下跨域使用【方法2】【方法3】 api.js 文件中封装接口 export function XXX() {return request({url: /RFID/api/XXX}) }调用接口 出现跨域问题 GetCardNum() {GetCardNum().then((res) {this.$set(this.formData, rfid, res.cardnum || )}) }解决 方法1 - 反向代理 vue.config.js 文件中 将以 /RFID 开头的地址代理到本地程序地址即可 module.exports {// ...// webpack-dev-server 相关配置devServer: {host: 0.0.0.0,port: 8080,https: false,hotOnly: false,open: true, // 自动打开浏览器proxy: {// ...^/RFID: {target: http://localhost:5001, // 【主要代码】pathRewrite: { ^/RFID: }},/: {target: http://192.168.0.42:9000}}},// 第三方插件配置pluginOptions: {// ...} }方法2 - JSONP 需要 C 工程师配合一下需要调用一下 url 的 查询参数 callback 实现1 // 提供jsonp服务的url地址; var url http://localhost:5001/api/GetCardNum // 创建script标签设置其属性; var script document.createElement(script) script.setAttribute(src, url) document.getElementsByTagName(head)[0].appendChild(script) // 得到查询结果后的回调函数; var callback (data) {var json JSON.stringify(data)console.log(json----, json) } callback(132465)实现2 借助jQuery我用的 借助jQuery import $ from jqueryconst that this $(function () {// 发起JSONP的请求$.ajax({url: http://localhost:5001/api/XXX,// 代表我们要发起JSONP的数据请求dataType: jsonp,jsonp: callback,jsonpCallback: fileCabinetHandler,success(res) {// res 数据即为接口返回的读取读卡器数据}}) })方法3 - 原生请求 var xhr new XMLHttpRequest() xhr.onreadystatechange function () {if (xhr.readyState 4 [200, 200].includes(xhr.status)) {console.log(xhr.responseText----, xhr.responseText)} } xhr.open(get, http://localhost:5001/api/GetCardNum, true) xhr.setRequestHeader(Content-Type, application/json) xhr.setRequestHeader(Access-Control-Allow-Origin, *) xhr.send(null)jsonpRequest(http://localhost:5001/api/GetCardNum, null).then((response) {console.log(response) // 处理返回的数据}).catch((error) {console.error(error) // 处理错误信息})var xhr new XMLHttpRequest() // xhr.open(get, http://192.168.10.106:5001/api/GetCardNum, true) xhr.open(get, http://127.0.0.1:5001/api/GetCardNum2, true) xhr.setRequestHeader(Content-Type, application/json) // 设置请求头中的 Content-Type xhr.setRequestHeader(Access-Control-Allow-Origin, *) // 添加允许跨域的请求头 xhr.onreadystatechange function () {if (xhr.readyState 4) {if (xhr.status 200) {var data JSON.parse(xhr.responseText)console.log(data----, data)// 处理响应数据} else {// 处理错误}} } xhr.send(JSON.stringify({// 请求体数据如果不需要发送请求体则可以省略该部分// 根据你的接口定义替换成对应的请求体数据}) )方法4 - 接口请求时请求头解决跨域 // 接口请求头添加 Access-Control-Allow-Origin 为 * 解决跨域 if (config.url /RFID/api/GetCardNum) { if (config.url http://localhost:5001/api/GetCardNum) {config.url http://localhost:5001/api/GetCardNum// config.url http://127.0.0.1:5001/api/GetCardNumconfig.headers[Content-Type] application/jsonconfig.headers[Access-Control-Allow-Origin] *console.log(config.headers[Access-Control-Allow-Origin]----,config.headers[Access-Control-Allow-Origin]) }
http://www.sadfv.cn/news/300225/

相关文章:

  • 搭建网站价格旅游推广赚佣金哪个平台好
  • 手机自媒体网站模板网站扁平化
  • 一个域名对应多个网站焦作网站设计
  • 解析网站怎么做网站前期运营策略
  • 蓝色风格的网站做网站客户怎么找
  • 佛山市建设企业网站服务机构东莞网站seo公司哪家大
  • 制作网站对话框哪里有做app开发的
  • 邯郸网站制赣州信息港主页
  • 网站建设和建议建设工程竣工验收消防备案网站
  • 网站建设swf播放器源码wordpress附件绕过媒体
  • 建站平台免代码做网站的知识
  • wdcp网站备份问题建网站的地址
  • 九冶建设有限公司官方网站做视频网站违法
  • 如何把网站上传到凡科企业线上培训平台有哪些
  • 企业开展网站建设wordpress企业主题
  • 建筑招聘最好的网站自己建一个网站
  • 贡嘎网站建设网站联盟的基本流程
  • 选择网站做友情链接的标准一般是阳江网上办事大厅
  • 百度网站提交安徽省建设行业质量与安全协会网站
  • 滁州网站设计做钓鱼网站要什么工具
  • 有什么做服装的网站凤阳县建设局网站
  • 贵阳专业做网站汕头网上推广公司
  • 网站建设服务电话代码网页制作
  • 做视频解析网站是犯法的么网站设计建设
  • 网站建设维护专员wordpress 内核月报
  • 张家口专业做网站公司阿里巴巴的关联网站
  • 揭阳网站开发mituad东莞寮步伟易达电子厂
  • 网站 购买西峡网站建设
  • 营销型外贸网站服务器搭建网站域名配置
  • 成都学校网站制作公司西安黄页查询