网站备案幕布照规范,中国建设銀行网站投诉电话,家政网站建设方案,codeus wordpressUniApp 运行到浏览器的时候#xff0c;接口会跨域报错#xff0c;这里通过两种方式解决#xff0c;第一#xff1a;修改Uniapp自带的manifest.json 源码视图并进行配置h5设置。第二#xff1a;在项目根目录新建vue.config.js并配置代理。 二选一即可。 修改或调整配置文件… UniApp 运行到浏览器的时候接口会跨域报错这里通过两种方式解决第一修改Uniapp自带的manifest.json 源码视图并进行配置h5设置。第二在项目根目录新建vue.config.js并配置代理。 二选一即可。 修改或调整配置文件后推荐重新运行以防不生效。 配置完成后请求接口显示 Please enable JavaScript to continue. 的话可以试试重启编辑器尤其是 HBuilderX再重新运行项目如果还是不行就另外查查解决方案吧网上有很多。
一、方式一修改 manifest.json 文件
在 UniApp 也有类似配置的地方找到 manifest.json -》源码视图添加 h5 配置项
h5 : {devServer : {disableHostCheck : true,proxy : {/api : {target : http://www.dzm.com,changeOrigin : true,secure : false,ws: false,pathRewrite : {^/api : }}}}
}二、方式二添加 vue.config.js 文件 UniApp 会识别 vue.config.js 文件但是 manifest.json 的优先级 要高于 vue.config.js 文件所以看需求选择一个配置即可。 像 vue 开发一样手动创建一个 vue.config.js 文件然后添加上代理vue.config.js 只能创建在项目的根目录不然会无法识别到。
module.exports {devServer: {disableHostCheck: true,proxy: {/api: {target: http://www.dzm.com,changeOrigin: true,secure: false,ws: false,pathRewrite: {^/api: }}}}
}三、使用
简单使用
// 请求对象
uni.request({url: /api /mobile/user/userinfo,method: GET,data: {},header: {X-Token: uni.getStorageSync(token)},success: (res) {// 请求成功console.log(res)},fail: (err) {// 请求失败console.log(err)}
})封装成请求对象 request.js
// 接口域名
// #ifdef H5
const BaseHost /api
// #endif
// #ifndef H5
const BaseHost http://www.dzm.com
// #endif
// 请求封装
export default function ({// 请求域名host BaseHost,// 请求地址url,// 请求方式method,// 请求数据data {},// 请求头header {}
}) {// 官方请求文档可查阅传参https://uniapp.dcloud.io/api/request/request.html// 转为 Promise 结构return new Promise((resolve, reject) {// 请求对象uni.request({url: host url,method,data,header: Object.assign({// 默认请求头X-Token: uni.getStorageSync(token)}, header),success: (res) {// 可以在这里进行成功的公共处理resolve(res)},fail: (err) {// 可以在这里进行失败的公共处理reject(err)}})})
}
