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

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

810 ℃
           

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多款小工具
上一篇: 推荐一款免费可商用英文字体——Atkinson Hyperlegible
下一篇: 推荐一款免费好看的中文设计字体——字体传奇特战体
x 打工人ai神器