广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vant/vue跨域请求解决方案
  • 946
分享到

vant/vue跨域请求解决方案

vant/vue跨域请求解决方案vue跨域请求 2022-12-24 15:12:31 946人浏览 独家记忆
摘要

因为后端给的接口不是本地的接口,所以需要跨域来获取接口数据 在Vue.config.js中对其进行配置 devServer: { host: 'localhost',

因为后端给的接口不是本地的接口,所以需要跨域来获取接口数据

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跨域请求解决方案的资料请关注编程网其它相关文章!

--结束END--

本文标题: vant/vue跨域请求解决方案

本文链接: https://www.lsjlt.com/news/175740.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vant/vue跨域请求解决方案
    因为后端给的接口不是本地的接口,所以需要跨域来获取接口数据 在vue.config.js中对其进行配置 devServer: { host: 'localhost', ...
    99+
    2022-12-24
    vant/vue跨域请求解决方案 vue跨域请求
  • Ajax请求跨域的解决方案
    这篇文章主要讲解了“Ajax请求跨域的解决方案”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Ajax请求跨域的解决方案”吧!  由于浏览器实现的同源策略的限...
    99+
    2022-10-19
  • 【uniapp】uni.request请求跨域问题解决方案
    例如,运行H5页面,请求一个地址资源,如果不是本站地址,浏览器就会报跨域错误,这样访问受限 问题呈现 例如,项目代码里是这样写的,运行H5测试 uni.request({url:'https://gi...
    99+
    2023-09-20
    uni-app 前端 服务器 跨域访问 代理访问
  • ajax请求前端跨域问题原因及解决方案
    目录一、跨域是怎么形成的二、导致跨域的根本原因三、解决方法1 、JSONP2、 CORS3 、代理转发一、跨域是怎么形成的 当我们请求一个url的 协议、域名、端口三者之间任意一个与...
    99+
    2022-11-12
  • gateway网关与前端请求跨域问题的解决方案
    gateway网关与前端请求的跨域问题 最近因项目需要,引入了gateway网关。可是发现将前端请求的端口指向网关后,用postman发送请求是正常的,用浏览器页面点击请求会出现跨域...
    99+
    2022-11-12
  • vue如何解决axios请求前端跨域问题
    目录前言一、为什么会出现跨域的问题?二、解决方案跨域资源共享(CORS)写在最后前言 最近在写纯前端的vue项目的时候,碰到了axios请求本机的资源的时候,出现了访问报404的问...
    99+
    2022-11-12
  • 解决vue $http的get和post请求跨域问题
    vue $http的get和post请求跨域问题 首先在config/index.js中配置proxyTable proxyTable: { '/api':{ ...
    99+
    2022-11-12
  • vue跨域请求时报403错误怎么解决
    Vue跨域请求时报403错误一般是因为服务器端设置了跨域请求的限制。解决方法如下:1. 在服务器端设置允许跨域请求:在服务器端的响应...
    99+
    2023-08-08
    vue
  • Django解决跨域请求的问题
    一、引入   对于想要利用django框架实现前后端分离的童鞋来说,首要的问题便是解决跨域请求的问题。何为跨域请求?简单来说,就是当前发起的请求的域与该请求指向的资源所在的域不一致。当协议+域名+端口号均相同,那么就是同一个域。举个例子...
    99+
    2023-01-30
    Django
  • ajax本地跨域请求以及解决方法
    什么是跨域? 我们通常所说的跨域是狭义的,是由浏览器同源策略限制的一类请求场景。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源,只要没有同时满足这三个条件的请求即为跨域请求,跨域请求控制台一般会出...
    99+
    2023-09-15
    ajax php apache Powered by 金山文档
  • vue跨域请求的方法有哪些
    Vue跨域请求的方法有以下几种:1. 通过配置代理服务器:将API请求发送到代理服务器,再由代理服务器转发到API服务器。可以使用w...
    99+
    2023-08-09
    vue
  • Nginx跨域解决方案
    前置条件: 前端网站地址:http://localhost:4443 服务端网址:http://localhost:9081 当网站8080访问服务端接口的时候会产生跨域的问题 跨域主要设计到4个响应...
    99+
    2023-09-04
    服务器 前端 nginx
  • 如何解决Ajax请求跨域问题
    这期内容当中小编将会给大家带来有关如何解决Ajax请求跨域问题,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。一、解决方案:1,在服务器端的响应头中添加一个http参数:res.setHeader(&quo...
    99+
    2023-06-08
  • java中的跨域请求如何解决
    本篇文章为大家展示了java中的跨域请求如何解决 ,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。java 请求跨域问题解决方法实例详解新建Util类,在Util中添加下面方法: public s...
    99+
    2023-05-31
    java 跨域请求 ava
  • Springboot怎么解决跨域请求问题
    这篇文章主要介绍“Springboot怎么解决跨域请求问题”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Springboot怎么解决跨域请求问题”文章能帮助大家解决问题。1、什么是跨域由于浏览器同源...
    99+
    2023-07-06
  • vue如何解决axios请求出现前端跨域问题
    本篇内容主要讲解“vue如何解决axios请求出现前端跨域问题”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue如何解决axios请求出现前端跨域问题”吧!在...
    99+
    2022-10-19
  • vue中this.$http.post()跨域和请求参数丢失的解决
    目录this.$http.post()跨域和请求参数丢失this.http.post()参数需注意this.$http.post()跨域和请求参数丢失 methods: { ...
    99+
    2022-11-13
  • vue中post请求报400的解决方案
    目录vue post请求报400vue 异步请求问题1. get 请求方式2. post 请求方式3. axios 全局设置4. 请求代理vue post请求报400 1、为默认数据...
    99+
    2022-11-13
    vue中post请求 post请求报400 vue post请求报400
  • AJAX请求以及解决跨域问题详解
    目录AJAX 介绍一.原生AJAX请求(GET)二.jQuery AJAX请求(GET 和POST)三.跨域问题的解决四.其他解决跨域问题方法总结AJAX 介绍 AJAX其实就是异步...
    99+
    2022-11-13
  • 如何解决Ajax请求WebService跨域问题
    这篇文章主要介绍如何解决Ajax请求WebService跨域问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1、背景  用Jquery中Ajax方式在asp.net开发环境中Web...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作