美文网首页
uni-app Chrom跨域问题,已解决!

uni-app Chrom跨域问题,已解决!

作者: Antlers777 | 来源:发表于2022-02-16 14:37 被阅读0次
  • 点击manifest.json ,并选择源码视图

  • "vueVersion": "2" 同级目录下添加

    "h5": {
          "router": {
              "mode": "hash" // 路由模式
          },
          "devServer": {
              "https": false, // 是否启用 https 协议,默认false
              "port": 8080, // 本地端口号
              "disableHostCheck": true, // 禁用 Host 检查,默认false
              "proxy": { // 代理配置
                  "/api": {
                      "target": "http://10.10.10.9:86", // 目标接口域名
                      "changeOrigin": true, // 是否跨域
                      "secure": true, // 是否支持https协议的代理
                      "pathRewrite": {
                          "^/api": ""
                      } // 这个一定要加,意思就是把你项目中一dev开头的接口自动替换为 target + pathRewrite第二个参数来进行数据的请求(pathRewrite没有第二个参数的话直接为target)
                  }
              }
          }
      },
    
  • 将config.js中的baseurl改成'/api'

  • 测试,chrom正常显示,没有跨域问题。

相关文章

网友评论

      本文标题:uni-app Chrom跨域问题,已解决!

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