nodejs如何利用uni-app实现跨域访问?下面web建站给大家介绍一下实现方法:
1、mainfest.json下复制以下代码:
"app-plus": {
"splashscreen": {
"alwaysShowBeforeRender": true,
"waiting": true,
"autoclose": true,
"delay": 0
},
"modules": {
},
"h5": {
//复制开始
"devServer": {
"port": 8081,
"disableHostCheck": true,
"proxy": {
"/api": {
"target": "http://localhost:8081",
"changeOrigin": true, //开启代理
"ws": false,
"pathRewrite": {
"^/api": ""
}
}
}
}
//复制结束
},
2、node接口部分代码:
const express = require("express");
const app = express();
//放最上面
//设置跨域访问
app.all("*",function(req,res,next){
//设置允许跨域的域名,*代表允许任意域名跨域
res.header("Access-Control-Allow-Origin","*");
//允许的header类型
res.header("Access-Control-Allow-Headers","content-type");
//跨域允许的请求方式
res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS");
if (req.method.toLowerCase() == 'options')
res.send(200); //让options尝试请求快速结束
else
next();
})
3、页面引用:
uni.request({
url:"http://localhost:8081/api/test",
method:"GET",
success(data) {
console.log(data);//请求成功
},
fail(err){
console.log(err)
},
complete(res) {
console.log(res);//请求完成
}
})
uni-app开发文档:一个基于Vue.js的跨平台应用开发框架
uView UI官网:一个全面兼容nvue的uni-app生态框架
一款基于Vue3与TS加持的开源移动端UI组件库——Wot Design Uni
html网页上如何把文件压缩成zip代码示列(前端HTML/JavaScript和后端Node.js + Express)
上面是“nodejs如何利用uni-app实现跨域访问”的全面内容,想了解更多关于 nodejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2374.html
workflows工作流
在森林中心有一座蛇形的房子ComfyUI工作流
一朵在晨光中带着露珠的蓝玫瑰
一只可爱的猫骑着一匹可爱的马ComfyUI工作流
彩色雄鹰玉雕ComfyUI工作流
在白雪覆盖的广阔平原上两只可爱的小猫
乡村枯树黄花comfyui工作流
一头巨大的古代大象背后建着一座城市
文生图工作流:一幅海底睡莲,碧海蓝天comfyui工
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

jquery鼠标滑过图片边框特效(jquery.focus-follow插件)
一起去看流星雨(代码)
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
利用CSS3做一个星级评分样式
在线生成金属文字
css3卡片动态滑动效果
css3做一个风雨雷电天气动态图标
2023年程序猿如何给自己开启一场烟花盛会










