专注、交流、分享
云计算领域最新资讯

Vue-代理解决跨域问题

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

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

赞(0)
未经允许不得转载:酷番云知识库 » Vue-代理解决跨域问题
  • 日销500+
    基础型虚拟主机

    共享CPU

    共享内存

    2G空间

    共享带宽

    共享IP

    分布式存储

    适合个人博客、个人站长类网站

    ¥9 原价¥28

  • 日销500+
    超值型云主机CVM

    2核CPU

    2G内存

    180G硬盘

    5M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥99 原价¥210

  • 日销500+
    通用型云服务器ECS

    4核CPU

    4G内存

    50G硬盘

    20M带宽

    独立IP

    分布式存储

    适合电商、论坛类网站

    ¥254 原价¥322

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

中国领先的企业级云服务提供商

域名注册云服务器