美文网首页
uniapp解决跨域方案

uniapp解决跨域方案

作者: 宏_4491 | 来源:发表于2021-10-16 17:48 被阅读0次

方案1:manifest.json配置

 "h5": {
    "devServer": {
      "port": 9991,
      "disableHostCheck": true,
      "proxy": {
        "/api": {
          "target": "http://172.17.100.203:9991",   //代理目标
          "secure": false,  //是否开启支持https
          "pathRewrite": {
            "^/api": ""     //遇到/api 开头转化成“”
          }
        }
      }
    }
  }

创建vue.config.js配置

module.exports = {
  devServer: {
    proxy: {
      "/api":: {
        target: "http://172.17.100.203:9991",
        pathRewrite: {
          '^/api': ''
        }
      }
    },
  }
}

安装Chrome 插件 Allow CORS: Access-Control-Allow-Origin

image.png

相关文章

网友评论

      本文标题:uniapp解决跨域方案

      本文链接:https://www.haomeiwen.com/subject/lupboltx.html