zoukankan      html  css  js  c++  java
  • uniapp之h5*设置,解决跨域问题

    manifest.json文件里面进行配置

    
    用以下代码可以正确的请求到数据:
    //注意下面的 "pathRewrite"是必要的,不然读取不到数据
                           
    "h5": {
            "devServer": {  
                "port": 8000,  
                "disableHostCheck": true,  
                "proxy": {  
                    "/api": {  
                        "target": "https://api.ithome.com",  //请求的目标域名
                        "changeOrigin": true,   
                        "secure": false,
                        "pathRewrite": {  //使用代理; 告诉他你这个连接要用代理
                            "^/api": "/"  
                        }  
                    }  
                }  
            }  
        }
    
    2.在.vue页面中添加
    
     code:function(){//注意这里的/api就是上面manifest.json文件配置的devServer中的proxy
            uni.request({
                        url: '/api/index/user/sendSms', //仅为示例,
                             method:"POST",
                        data: {
                           "username": "13183539531",
                           "password": "123456"
                        },
                        header: {'Content-type':'application/json'},  
                      
                        success: (res) => {
                            // console.log(res.data);
                        }
             });
      },
    注意:配置完,需要重启服务才行
     
  • 相关阅读:
    郑码
    AutoCAD 安装
    China Mobile 移动
    CCB 建行
    Word基础
    Java 继承
    Java 封装(内部类)
    Java 类与对象
    Java 方法
    Java 数组
  • 原文地址:https://www.cnblogs.com/gxp69/p/13099074.html
Copyright © 2011-2022 走看看