简述uni-app中H5跨域怎么配置
在uni-app中,H5跨域问题可以通过在项目的根目录下创建vue.config.js文件来进行配置。
具体步骤如下:
-
在项目根目录下创建vue.config.js文件。
-
在vue.config.js文件中添加如下代码:
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000',
ws: true,
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
其中,proxy为配置代理的参数,target为代理目标地址,pathRewrite为路径重写规则,这里的意思是将所有以/api开头的请求都代理到http://localhost:3000下。
- 在请求时,将请求地址改为/api开头即可,如下所示:
axios.get('/api/userInfo')
.then(res => {
console.log(res.data)
})
.catch(err => {
console.log(err)
})
这样就可以解决uni-app中H5跨域问题了。
原文地址: https://www.cveoy.top/t/topic/Zu5 著作权归作者所有。请勿转载和采集!