web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. AIGC工具
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    手机应用

nodejs如何利用uni-app实现跨域访问

905 ℃

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);//请求完成
 }
})

一款基于Vue3与TS加持的开源移动端UI组件库——Wot Design Uni

html网页上如何把文件压缩成zip代码示列(前端HTML/JavaScript和后端Node.js + Express)

Thor UI移动端UI组件库中文文档官网介绍

Vue入门需要掌握哪些知识

nodejs如何利用WebSocket实现实时发送数据

标签: nodejs, uni-app, 跨域, 跨域访问

上面是“nodejs如何利用uni-app实现跨域访问”的全面内容,想了解更多关于 nodejs 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_2374.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > nodejs
本文共计1068个字,预计阅读时长8分钟
生活小工具,收录了80多款小工具
上一篇: 基于JavaScrip的web动画库——GSAP
下一篇: 免费商用中文字体——优设鲨鱼菲特健康体
x 打工人ai神器