Vue cli3解决跨域方法

该博客介绍了如何在Vue.js开发环境中配置Vue.config.js,以实现前端地址127.0.0.1通过代理访问后端地址127.0.0.2的API接口。通过设置'/api'路径重写,当访问127.0.0.1/api时,请求将被转发到https://wis.qq.com/,并详细展示了vue.config.js的配置代码。
摘要由CSDN通过智能技术生成

前端地址:127.0.0.1

后端地址:127.0.0.2

当访问地址为 127.0.0.1/api,没有匹配到这地址,那么就会被转发到代理服务器127.0.0.2/api

比如要访问https://wis.qq.com/

新建vue.config.js

module.exports = {

  devServer: {

    open: true, // 是否自动弹出浏览器页面

    host: 'localhost',

    port: '8080',

    https: false,

    hotOnly: false,

    proxy: {

      '/api': {

        target: 'https://wis.qq.com/', // API服务器的地址

        changeOrigin: true,

        pathRewrite: {

          '^/api': ''

        }

      }

    }

  }

}

this.$axios.get('weather/common')  //前缀已在上面target设置

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值