前几天玩了mui框架,今天为大家分享一些关于vue的内容吧。最近做前端的朋友基本上都在用VUE开发,一套代码多端都可以用。但是很多朋友都遇到了跨域问题。因此波波就分享下uni-app中的跨域问题处理。
关于uni-app中的跨域问题有部分人采用浏览器插件来解除chrome浏览器CORS限制,也有人修改manifest.json来达到跨域目的,还有人借助中间插件来完成。但无论采用哪种方式,希望大家永远记得的是万变不离其宗。所有的操作都是基础请求和数据操作的集合。因此本篇笔记波波采用uni-app与jquery的混合使用。
1、首先在Vue文件中引入jQuery。
- import jQuery from "@../../common/js/jquery-3.4.1.min.js";
2、jQuery发起Ajax请求。
- //请求接口数据
- var postData = {"account":mobile,"password":passwd};
- jQuery.ajax({
- url:this.apiUrl+'index/login',
- type:"post",
- dataType:"json",
- data:postData,
- success:function(data){
- if(data.code == 0){
- uni.hideLoading();
- uni.showToast({
- title:"登陆成功",
- icon:"none"
- })
- //将用户数据写入本地并执行跳转
- uni.setStorage({
- key:'user_info',
- data:data.data,
- })
- uni.navigateTo({
- url:'../index/index'
- })
- }else{
- uni.showToast({
- title:data.msg,
- icon:none
- })
- }
- },
- error:function(){
- uni.showToast({
- title:"请求异常",
- icon:none
- })
- }
- })
经测试本地浏览器请求成功。
其实关于跨域问题,在波波之前的笔记中也提到,首先是后端接口允许跨域请求,然后前端才可以请求到。否则什么方法都是徒劳。