uni-app发送post请求跨域问题解决办法

前几天玩了mui框架,今天为大家分享一些关于vue的内容吧。最近做前端的朋友基本上都在用VUE开发,一套代码多端都可以用。但是很多朋友都遇到了跨域问题。因此波波就分享下uni-app中的跨域问题处理。

关于uni-app中的跨域问题有部分人采用浏览器插件来解除chrome浏览器CORS限制,也有人修改manifest.json来达到跨域目的,还有人借助中间插件来完成。但无论采用哪种方式,希望大家永远记得的是万变不离其宗。所有的操作都是基础请求和数据操作的集合。因此本篇笔记波波采用uni-app与jquery的混合使用。

1、首先在Vue文件中引入jQuery。

  1. import jQuery from "@../../common/js/jquery-3.4.1.min.js";

2、jQuery发起Ajax请求。

  1. //请求接口数据
  2.                 var postData = {"account":mobile,"password":passwd};
  3.                 jQuery.ajax({
  4.                     url:this.apiUrl+'index/login',
  5.                     type:"post",
  6.                     dataType:"json",
  7.                     data:postData,
  8.                     success:function(data){
  9.                         if(data.code == 0){
  10.                             uni.hideLoading();
  11.                             uni.showToast({
  12.                                 title:"登陆成功",
  13.                                 icon:"none"
  14.                             })
  15.                             //将用户数据写入本地并执行跳转
  16.                             uni.setStorage({
  17.                                 key:'user_info',
  18.                                 data:data.data,
  19.                             })
  20.                             uni.navigateTo({
  21.                                 url:'../index/index'
  22.                             })
  23.                         }else{
  24.                             uni.showToast({
  25.                                 title:data.msg,
  26.                                 icon:none
  27.                             })
  28.                         }
  29.                     },
  30.                     error:function(){
  31.                         uni.showToast({
  32.                             title:"请求异常",
  33.                             icon:none
  34.                         })
  35.                     }
  36.                 })

经测试本地浏览器请求成功。

其实关于跨域问题,在波波之前的笔记中也提到,首先是后端接口允许跨域请求,然后前端才可以请求到。否则什么方法都是徒劳。

 

你想把广告放到这里吗?

发表评论

您必须 登录 才能发表留言!