vue2 前端跨域处理

本文介绍了如何在Vue2项目中通过vue.config.js配置开发服务器,实现自动打开浏览器及设置代理以解决跨域问题。重点讲解了`devServer`对象中的`open`、`proxy`属性,特别是`proxy`的`target`、`changeOrigin`和`pathRewrite`选项,帮助开发者更好地理解和应用Vue项目的开发配置。
摘要由CSDN通过智能技术生成

vue2在vue.config.js中设置以下代码 

module.exprots = {
  
    devServer: {
        open: true, // 配置项目在启动时自动在浏览器打开
        proxy: {
            '/api' : { // '/api'是代理标识,一般是每个接口前的相同部分
                target: "http://xxxxx/api", // 请求地址,一般是服务器地址
         
                changeOrigin: true, // 是否进行跨域
                pathRewrite: { // pathRewrite的作用是把请求接口中的 '/api'替换掉,一般是替换为空""
                    '^/api':""
                }
            }
        },
        host:'localhost',
       
    }
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值