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

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://m.ipkd.cn/webs_2374.html

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