脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vant/vue跨域请求解决方案

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跨域请求解决方案的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • 一个因@click.stop引发的bug的解决

    一个因@click.stop引发的bug的解决

    这篇文章主要介绍了一个因@click.stop引发的bug的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • VueJS全面解析

    VueJS全面解析

    Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。这篇文章主要介绍了VueJS全面解析的相关资料,需要的朋友可以参考下
    2016-11-11
  • 一文彻底教会你在vue中写jsx

    一文彻底教会你在vue中写jsx

    以前我们经常在react中使用jsx,现在我们在vue中也是用jsx,下面这篇文章主要给大家介绍了关于在vue中写jsx的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • vue-cli3中如何打包成zip压缩文件

    vue-cli3中如何打包成zip压缩文件

    这篇文章主要介绍了vue-cli3中如何打包成zip压缩文件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-10-10
  • Vue实现图片预览效果实例（放大、缩小、拖拽）

    Vue实现图片预览效果实例（放大、缩小、拖拽）

    现在项目中有这样的一个需求,对上传的图片可以点击之后在线预览,这篇文章主要给大家介绍了关于Vue实现图片预览效果实例（放大、缩小、拖拽）的相关资料,需要的朋友可以参考下
    2021-05-05
  • 一文详解Vue中过滤器filters的使用

    一文详解Vue中过滤器filters的使用

    Vue.js允许自定义过滤器，过滤器的作用可被用于一些常见的文本格式化（也就是修饰文本，但是文本内容不会改变），本文主要来和大家讲讲过滤器filters的使用，感兴趣的可以了解一下
    2023-04-04
  • vue使用原生js创建元素样式不生效问题及解决

    vue使用原生js创建元素样式不生效问题及解决

    这篇文章主要介绍了vue使用原生js创建元素样式不生效问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-06-06
  • vue2前端调用WebSocket有消息进行通知代码示例

    vue2前端调用WebSocket有消息进行通知代码示例

    在Vue项目中实现全局的消息链接监听主要涉及到了WebSocket技术,这是一种双向通信协议,允许客户端与服务器之间实时、高效地交换数据,这篇文章主要给大家介绍了关于vue2前端调用WebSocket有消息进行通知的相关资料,需要的朋友可以参考下
    2024-07-07
  • vue 模板循环绘制多行上传文件功能实现

    vue 模板循环绘制多行上传文件功能实现

    这篇文章主要为大家介绍了vue 模板循环绘制多行上传文件功能实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-07-07
  • vue中的v-show,v-if,v-bind的使用示例详解

    vue中的v-show,v-if,v-bind的使用示例详解

    这篇文章主要介绍了vue中的v-show,v-if,v-bind的使用,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2023-04-04

最新评论