本文主要介紹uniapp H5開發中，本地除錯https的介面實作跨域請求
原始碼視圖
"h5" : {
"title" : "",
"domain" : "",
"router" : {
"mode" : "hash",
"base" : "/h5/"
},
"devServer" : {
// "https" : true,
"proxy":{
"/api": {
"target":"https://域名/api",
"changeOrigin": true,//是否跨域
"secure": true,// 設定支持https協議的代理
"pathRewrite":{"^/api":""}
}
}
}
}
介面請求
uni.request({
// url: ApiUrl + opt.url,
url: '/api' + opt.url,
data: data,
method: opt.method,
header: opt.header,
dataType: 'json',
success: function (res) {
if(res.data.code=='401'){
uni.showToast({
title: res.data.msg,
icon: 'none'
});
uni.navigateTo({
url: '/pages/me/login'
});
} else {
opt.success(res);
}
},
fail: function (res) {
uni.hideLoading();
// opt.fail(res);
uni.showToast({
title: '網路例外',
icon:'none'
});
}
})
如此這般，跨域功成，
問題引申
有小伙伴問uniapp客戶端對接第三方，uniapp這邊我用的是https，但是第三方用的http，請問這種該如何去解決跨域問題呢？
// 思路和vue是一樣的
1、安裝vue jsonp
npm i -S vue-jsonp
// 引入vue-jsonp 解決服務跨域請求問題
2、在main.js中匯入vue-jsonp
import {VueJsonp} from 'vue-jsonp'
Vue.use(VueJsonp);
吳維煒
HTTPS
CSS
ECMAScript 6
HTTPS
CSS
ECMAScript 6
Q: 有多少程式員會去更換燈泡？A: 沒有，那是硬體問題，Q：為什么程式員總是把圣誕節與萬圣夜搞混？A：因為 DEC 25 = OCT 31
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/248573.html
標籤：其他
上一篇：Nginx優化與防盜鏈