uniapp打包h5解决跨域以及上传到线上后报404问题

candyy5

已于 2023-05-18 19:57:04 修改

阅读量2.9k

点赞数

文章标签： uni-app java javascript

于 2023-05-18 19:55:02 首次发布

本文链接：https://blog.csdn.net/candyy5/article/details/130754074

版权

在manifest.json中写以下代码：

"h5" : {
        "router" : {
            "base" : "./",
            "mode" : "hash"
        },
        "devServer" : {
            //一定要写到h5 文件下面
            "proxy" : {
                "/http" : {
                    "target" : "接口的地址",
                    "changeOrigin" : true,
                    "secure" : true,
                    "pathRewrite" : {
                        "^/http" : ""
                    }
                }
            },
            "port" : 放前端打包项目的端口,
            "disableHostCheck" : true,
            "https" : false
        }
    }

如果不报404错误的话在封装接口js文件中写：`let BASE_URL=/http`即可
如果报404错误的话在封装接口js文件中判断当前是本地开发环境且是h5端还是打包环境且是h5端:
`let BASE_URL
if (process.env.NODE_ENV === 'development' && process.env.UNI_PLATFORM === 'h5') {
    // 本地开发环境且是h5端
	BASE_URL = '/http'
 } else if (process.env.NODE_ENV === 'production' && process.env.UNI_PLATFORM === 'h5') {
    // 打包环境且是h5端
	BASE_URL= '接口地址'    //这里的接口地址和manifest.json里面写的一致
 }`