Vue-代理解决跨域问题

vue代理:
使用vue时,经常遇到使用npm run serve后,与后端出现跨域问题,获取不到数据,其中一个解决方法,就是在前端,vue中开启代理proxy。
I saw it. to configure.js文件:

Vue-代理解决跨域问题

module.exports = {
  devServer: {
    proxy: {
      '/': {
        target: 'https://demo.com',
        secure: true,
        changeOrigin: true
      },
      '/api/': {
        target: 'http://test.com', //  接口路径ws: true, // 如果要代理websockets,配置该参数secure: false, // 如果接口为https,需要配置该参数changeOrigin: true, // 是否跨域pathRewrite: { // 改写接口请求地址,把/api改为/'^/api': '/'
        }
      }
    }
  }
}

配置后,请求地址会出现对应的变化:
原本的配置请求:

axios.get(‘https://demo.com/v0/find‘)
axios.get(‘http://test.com/v1/user/find‘)

配置后的配置请求:

axios.get(‘/v0/find‘)
axios.get(‘/api/v1/user/find‘)

以上是关于“Vue-代理解决跨域问题”的相关介绍,如需购买云服务器,推荐使用酷番云,独享IP,弹性灵活各种配置任您选配,最低只需要43/月,免费帮助配置环境,挂载磁盘等,协助处理简单问题,同时提供快速0元备案,让您快速运营,详情请咨询酷番云。

产品选购地址:

https://www.kufanyun.com/server/buy.html

图片来源于AI模型,如侵权请联系管理员。作者:路飞,如若转载,请注明出处:https://www.kufanyun.com/ask/1324.html

(0)
上一篇2021年12月18日 14:59
下一篇 2021年12月21日 15:18

相关推荐

  • 龙工CDN855N和LG855N有何区别,哪款更值得买?

    在中国工程机械领域,龙工(Lonking)无疑是装载机市场的领军品牌之一,其5吨级装载机产品线丰富,其中LG855N和CDN855N是两款备受关注的经典型号,但许多用户在选择时常常会对它们的区别感到困惑,虽然同属一个吨级平台,但它们在产品定位、设计理念和核心配置上存在着显著的差异,旨在满足不同用户群体的特定需求……

    2025年10月18日
    0110
  • 立思辰ga7530cdn打印黑线问题,原因及解决方法是什么?

    立思辰GA7530cdn打印机在使用过程中出现打印中间有黑线的问题,可能是由于多种原因造成的,以下是对该问题的详细分析和解决方法,问题分析黑线位置我们需要确定黑线出现在打印内容的哪个位置,黑线可能出现在以下几种情况:横向黑线:黑线横跨整个打印页面,纵向黑线:黑线垂直贯穿打印内容,局部黑线:黑线出现在打印内容的特……

    2025年10月31日
    040
  • cdn加速服务一个月多少钱才合适?影响价格的因素有哪些?

    在探讨“CDN加速多少钱一个月合适”这个问题时,我们首先需要明确一点:不存在一个适用于所有网站的“标准答案”,CDN服务的费用因需求、服务商、功能配置等因素差异巨大,从每月几十元到数万元甚至更高都有可能,“合适”的价格,是指那个能够完美匹配您网站当前规模、流量特性、用户分布以及未来发展规划,同时又在预算范围内的……

    2025年10月19日
    080
  • 百度P2P CDN超级机器到底是什么意思?

    在当今的互联网世界里,无论是观看高清视频、参与大型直播,还是下载热门游戏,我们对速度和稳定性的要求越来越高,为了应对海量的流量需求,技术巨头们不断优化内容分发技术,百度提出的“P2P CDN超级机器”概念,便是一项旨在革新传统内容分发模式的创新技术,要理解它,我们需要先拆解其核心组成部分,理解核心概念:CDN与……

    2025年10月13日
    040

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注