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

相关推荐

  • ASP.NET中等安全模式下,有哪些关键安全策略和常见漏洞需要警惕?

    在ASP.NET开发过程中,选择合适的安全模式对于保护应用程序至关重要,本文将分享一些关于ASP.NET中等安全模式的使用经验,旨在帮助开发者更好地理解和应用这一安全模式,中等安全模式概述中等安全模式是ASP.NET提供的一种默认的安全配置,它提供了比低安全模式更高的安全性,同时比高安全模式更为灵活,这种模式适……

    2025年12月22日
    0500
  • 无线网络连接显示正常,为什么CDN资源却总是访问失败呢?

    在当今的互联网环境中,我们享受着高速浏览网页、流畅观看视频的体验,这背后离不开内容分发网络(CDN)的巨大贡献,CDN通过将网站内容(如图片、脚本、视频等)缓存到全球各地的服务器上,让用户可以从最近的服务节点获取数据,从而大幅提升访问速度,有时我们会发现,在连接无线网络(Wi-Fi)时,网站加载缓慢,部分图片或……

    2025年10月23日
    0630
    • 服务器间歇性无响应是什么原因?如何排查解决?

      根源分析、排查逻辑与解决方案服务器间歇性无响应是IT运维中常见的复杂问题,指服务器在特定场景下(如高并发时段、特定操作触发时)出现短暂无响应、延迟或服务中断,而非持续性的宕机,这类问题对业务连续性、用户体验和系统稳定性构成直接威胁,需结合多维度因素深入排查与解决,常见原因分析:从硬件到软件的多维溯源服务器间歇性……

      2026年1月10日
      020
  • dcp9020cdn打印机连接电脑时遇到问题?详细步骤解析与常见疑问解答!

    在当今信息化时代,打印机作为办公和学习的必备工具,其便捷性和稳定性显得尤为重要,Dell的dcp9020cdn打印机凭借其出色的性能和丰富的功能,受到了广大用户的好评,如何将dcp9020cdn打印机连接到电脑呢?以下是详细的连接步骤和注意事项,连接前准备在开始连接之前,请确保以下准备工作已经完成:打开dcp9……

    2025年11月16日
    0830
  • 在Python使用Poetry安装sqlalchemy时会报错AttributeError的问题解决方法

    很多小伙伴们在使用Python执行pip install sqlalchemy正常,但是执行poetry安装时就会报错,根据这一问题下面给大家介绍一下解决方法: 报错信息: → b…

    2021年11月5日
    01.3K0

发表回复

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