uniapp打包h5解决跨域以及上传到线上后报404问题
【代码】uniapp打包h5解决跨域以及上传到线上后报404问题。
·
在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里面写的一致
}`
更多推荐
已为社区贡献4条内容
所有评论(0)