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

相关推荐

  • 如何安全合法地使用未备案域名结合国内CDN节点实现网站加速?

    域名未备案使用国内CDN节点加速的方法了解域名未备案的情况我们需要明确什么是域名未备案,域名未备案指的是在中国大陆地区,个人或企业未按照《中华人民共和国互联网信息服务管理办法》的要求,将域名信息报备给国家互联网信息办公室,在这种情况下,如果使用国内CDN节点加速,可能会受到一定的限制,域名未备案使用国内CDN节……

    2025年11月30日
    040
  • 王思聪熊猫直播巨额cdn费用之谜,究竟支付了多少?

    王思聪熊猫直播的背景熊猫直播,作为国内知名的游戏直播平台,自2015年成立以来,凭借其独特的直播风格和优质的内容,吸引了大量观众,王思聪作为熊猫直播的创始人之一,对平台的运营投入了大量心血,CDN(内容分发网络)作为直播平台的核心技术之一,对直播质量有着至关重要的影响,CDN在熊猫直播中的作用CDN技术可以将直……

    2025年11月24日
    070
  • 如何用GET方法从CDN服务器获取到数据?

    在当今的互联网架构中,内容分发网络(CDN)扮演着至关重要的角色,它通过将内容缓存到全球各地的边缘服务器上,极大地提升了用户访问速度和体验,而要从这些分布式的服务器上获取数据,最基础、最核心的方法便是使用HTTP协议中的GET方法,理解这一过程,无论是对于普通用户、网站开发者还是系统运维人员,都具有重要意义,G……

    2025年10月19日
    0260
  • 兄弟dcp 9030 CDN硒鼓清零步骤详解,为何无法成功清零?

    兄弟Dcp 9030 CDN硒鼓清零方法:兄弟Dcp 9030 CDN是一款性能卓越的打印机,但长时间使用后,硒鼓的打印量会逐渐减少,直至无法正常使用,我们需要对硒鼓进行清零操作,以便继续使用,本文将详细介绍兄弟Dcp 9030 CDN硒鼓清零方法,帮助您轻松解决这一问题,清零方法打开打印机请确保打印机已连接到……

    2025年11月30日
    040

发表回复

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