uni-app之网络请求解决跨域

一：uniapp网络请求

第一步：新建uni-app项目

第二步：在npmjs中下载第三方包（用于请求）

安装步骤链接如下：

@escook/request-miniprogram - npm

1、打开uniapp项目的终端

输入

npm install @escook/request-miniprogram

执行完以上命令后项目根目录下会出现一下文件

2.在uniapp项目的main.js中引入

// 按需导入 $http 对象

import { $http } from '@escook/request-miniprogram'

// 在 uni-app 项目中，可以把 $http 挂载到 uni 顶级对象之上，方便全局调用

uni.$http = $http

3.配置网络请求根路径（在main.js中配置）

$http.baseUrl = 'https://www.xxxxxx.com' //该路径为示例路径，使用时请更换为自己的根路径

4.网络请求

在需要网络请求的页面中编写

dbgData(){let that = this;let param = {name:"xxx",address:"xxxxxxx"}const res = uni.$http.post('后端接口地址',param);res.then((r) => {console.log("rrr = ", r)})},

说明：dbgData()是请求点击事件，后端接口地址不要前面的根路径，因为前面已经配好了，所以这里不需要

5.运行项目，来调试我们的网络请求是否成功

注意：在没有配置代理的情况只能在真机上请求成功，因为真机上不会出现跨域的问题，那么，如果遇到跨域问题怎么解决，就是在网页上运行会报跨域的问题

前端解决办法：

1.在uniapp项目的根目录下的manifest.json中配置“h5”

代码如下：

 "h5" : {"title" : "h5","devServer":{"proxy":{"/logistics":{"target":"http://101.34.73.225:9999"}}}}

添加以上代码，就可以在网页上请求后端接口

注意：之前我们在mian.js中配置了请求根目录，这时，当我们在网页上运行项目向后端发起请求时需要把配置的请求根路径注释掉，因为在配置代理的时候已经有了请求根路径。

uni-app之网络请求解决跨域相关推荐

React Axios 请求解决跨域问题
网上看了很多的方案,但是不知道为什么,作为初学者,对react不太清楚的话,解决跨域还是有很多的问题.这篇博客针对小白,第一次调试react 跨域问题,甚至第一次使用Axios ,第一次... 废话就 ...
AJAX异步请求解决跨域问题的三种方式
一什么是跨域出于浏览器的同源策略限制.同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响.可以说We ...
介绍什么是同源和什么是跨域，以及三种解决跨域问题的路径
什么是同源?什么是跨域? 客户端向服务器发送请求的时候,如果协议,域名(IP)和端口都一样,则称为同源,但凡有一个不一样则跨域,跨域请求默认受到浏览器的安全策略的限制,浏览器会给出相应的错误信息,对于 ...
魔坊APP项目-17-种植园，商城页面、服务端提供商品api，解决App打包编译以后的跨域限制、客户端获取商品列表并进行展示，集成Alipayplus模块完成支付
种植园一.商城页面 orchard.html,代码: <!DOCTYPE html> <html> <head><title>用户中心</tit ...
AJAX(GET POST请求、 jQuery axios 发送请求、跨域--cors、请求超时、网络异常、放弃请求、重复发送请求)
根据视频进行整理 [https://www.bilibili.com/video/BV1WC4y1b78y?p=1] 视频资料百度网盘: 链接:[https://pan.baidu.com/s/1n ...
跨域请求及解决跨域的方法
目录跨域同源策略如何解决跨域 JSONP 跨源资源共享(CORS) HTTP 响应首部字段 Access-Control-Allow-Origin Access-Control-Expose-H ...
AJAX请求及解决跨域问题
AJAX 介绍 AJAX其实就是异步的js和xml 通过ajax可以在浏览器中发送异步请求.最大优势:无刷新获取数据优点: 1.可以无需刷新页面与服务器进行通信 2.允许根据用户事件更新部分页面内容 ...
解决跨域请求的四种方法
跨域跨域就是请求的url中的"协议"."域名"."端口号"其中任何一种不一样都是属于跨域.解决跨域的主要的四种方法是jsonp.跨域资源共 ...
iframe解决跨域ajax请求的方法
iframe跨域的基本前提是,一个页面可以嵌套非同源站点的html文件,以及某一个域名下的html页面可以通过脚本向同域名服务器发出ajax请求.当一个域名为domain1下的页面A想要向domain ...

uni-app之网络请求解决跨域

uni-app之网络请求解决跨域相关推荐

最新文章

热门文章