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

相关推荐

  • 京瓷P5018CDN拆机后二次转印操作疑问解答?

    京瓷P5018CDN拆二次转印详解京瓷P5018CDN是一款性能出色的打印机,但在使用过程中,可能会遇到一些故障或损坏,为了维修和更换损坏的部件,我们需要对打印机进行拆解,本文将详细介绍京瓷P5018CDN的拆解过程,并重点讲解二次转印的拆解方法,京瓷P5018CDN拆解步骤关闭打印机电源,并拔掉电源线,打开打……

    2025年11月11日
    0220
  • 如何利用百度快照巧妙绕过CDN锁定目标网站的真实IP地址?

    在互联网世界中,CDN(内容分发网络)是一种常见的网络技术,它能够提高网站内容的加载速度,减轻服务器压力,有时候我们可能需要绕过CDN来获取网站的原始IP地址,百度快照作为一种便捷的工具,可以帮助我们实现这一目标,以下是如何通过百度快照绕过CDN找真实IP的详细步骤,了解CDN和真实IPCDN简介CDN是一种通……

    2025年11月14日
    050
  • 配置CDN时,如何确保手机和PC端访问体验的一致性与差异处理?

    在当今数字化时代,网站的性能和用户体验对于吸引和保持用户至关重要,配置CDN(内容分发网络)是实现这一目标的有效手段,CDN不仅能够加速内容的加载速度,还能根据用户设备的不同,提供适合手机和PC端的访问体验,以下是如何配置CDN以支持手机和PC端不同访问的详细指南,CDN简介CDN是一种通过在全球多个节点部署服……

    2025年11月21日
    030
  • 光电通mp3100cdn换粉盒的正确步骤是什么?

    更换打印机粉盒是日常办公中一项常见且必要的维护操作,对于保障光电通MP3100cdn这款彩色激光打印机的输出质量至关重要,正确、规范地更换粉盒不仅能确保打印文档色彩鲜艳、字迹清晰,还能有效延长打印机的使用寿命,本文将为您提供一份详尽、清晰的粉盒更换指南,帮助您轻松完成这项任务,更换前的准备工作在开始更换粉盒之前……

    2025年10月25日
    0240

发表回复

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