vant/vue跨域请求解决方案
更新时间:2022年12月24日 14:02:00 作者:Nanchen_42
这篇文章主要介绍了vant/vue跨域请求解决方案,需要的朋友可以参考下
因为后端给的接口不是本地的接口,所以需要跨域来获取接口数据
在vue.config.js中对其进行配置
devServer: { host: 'localhost', port: 3030, // 端口 https: false, proxy: { // 配置跨域 '/api': { target: 'http://xx.xx.xx.xxx', // 代理的接口域名以及端口号; ws: true, // 支持ws协议;websocket的缩写; changeOrigin: true, // 是否跨域 pathRewrite: { // 路径替换 '^/api': '/api' } } }, hotOnly: false, before: app => {} },
在axios.js中配置baseURL
let config = { baseURL:'/api' };
最后使用$axios来请求数据即可
mounted(){ this.$axios.get('index_category/data').then((v)=>{ console.log(v); }) }
成功后效果如下
以上就是vant/vue跨域请求解决方案的详细内容,更多关于vant/vue跨域请求解决方案的资料请关注脚本之家其它相关文章!
相关文章
vue父组件传值子组件报错Avoid mutating a prop directly解决
这篇文章主要为大家介绍了vue父组件传值子组件报错Avoid mutating a prop directly解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09vue3.x中useRouter()执行后返回值是undefined问题解决
这篇文章主要给大家介绍了关于vue3.x中useRouter()执行后返回值是undefined问题的解决方法,文中通过代码示例介绍的非常详细,对大家学习或者使用vue3.x具有一定的参考借鉴价值,需要的朋友可以参考下2023-09-09
最新评论