uni-app 解决跨域问题(前端)- 代理方式

  1. 在根目录文件中找到manifest.json文件
    在源码试图中添加h5的配置:

    "h5" : {
        "devServer" : {
            "disableHostCheck" : true,
            "proxy" : {
                "/api" : {
                    "target" : "访问路径(https://xxx.xxxx.xxx)",
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite" : {
                        "^/api" : ""
                    }
                }
            }
    		// "https":false
        },
        "router" : {
            "mode" : "hash",
            "base" : "./"
        }
    }
    
  2. 配置请求根路径

    $http.baseUrl = '/api'
    
  3. 请求时url地址为:/api开头

    '/api/xxx/xxx/xxx/xxx'
    
  4. 重要的事情说三遍:重新运行项目!重新运行项目!!重新运行项目!!!

注:本人因未重新运行项目,导致走了诸多弯路。

你可能感兴趣的:(uni-app,前端,vue.js)