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

相关推荐

  • 立思辰ma9340cdn感光鼓自营,其品质与性能是否真的卓越?

    立思辰ma9340cdn感光鼓自营:品质与效率的完美结合立思辰ma9340cdn感光鼓,作为一款高性能的打印机耗材,凭借其卓越的品质和高效的性能,在市场上赢得了广泛的认可,本篇文章将详细介绍立思辰ma9340cdn感光鼓的特点、优势以及使用方法,产品特点高品质感光鼓立思辰ma9340cdn感光鼓采用高品质材料制……

    2025年11月2日
    0510
  • 新手在asp.net项目中如何正确发布网站到服务器并解决常见问题?

    ASP.NET网站发布是项目上线的关键环节,确保代码、资源、数据库等完整部署到目标服务器,本文将系统梳理发布流程与关键要点,帮助开发者高效完成网站发布,发布前的准备工作发布前需做好充分准备,避免部署过程中出现意外问题,环境匹配:检查服务器IIS版本与.NET Framework版本(如ASP.NET Core项……

    2026年1月4日
    0140
  • 投资人、创业者如何有效利用cdn.tanx.com平台实现业务增长?

    在当今快速发展的互联网时代,投资人和创业者之间的合作已成为推动创新和经济增长的关键因素,CDN.tanx.com作为一家领先的互联网服务提供商,为投资人和创业者提供了强大的技术支持,以下将探讨投资人和创业者如何通过CDN.tanx.com实现共赢,投资人的视角投资策略的优化技术支持与风险降低投资人在选择项目时……

    2025年12月11日
    0320
  • CDN与自建流媒体服务器,究竟哪一种方案更胜一筹?成本、速度、稳定性如何权衡?

    随着互联网技术的不断发展,流媒体服务已成为现代网络生活中不可或缺的一部分,在提供流媒体服务的过程中,CDN(内容分发网络)和自建流媒体服务器成为了两种常见的解决方案,本文将详细介绍CDN和自建流媒体服务器的区别,帮助读者更好地了解这两种方案的特点及适用场景,CDNCDN是一种网络服务,通过在全球范围内部署大量节……

    2025年11月22日
    0390

发表回复

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