跨域的解决

在vue项目的根目录下创建vue.config.js文件,设置devServer的proxy选项来处理跨域问题。配置中,/api路径的请求会被代理到http://e.ludir.123456789,并使用pathRewrite将/api重写为空字符串。
摘要由CSDN通过智能技术生成

先在src目录同级创建一个vue.config.js

千万不要放在src里面,因为需要优先加载

下面代码就是跨域的全部代码。

module.exports = {

    devServer: {

        // 默认值 为localhost 127.0.0.1

        // 端口默认为8080

        host: "localhost",

        port: "8080",

        // 默认有的

        proxy: {

            "/api": { // 配置你要让那些路径要跨域

                // 你可以让该路径前面添加api

                // login

                // /aa/login

                // 是后台路径

                // 这里存放需要跨域的后台路径

                target: "http://e.ludir.123456789",

                // true 代表跨域

                changOrigin: true,

                pathRewrite: { //重写 login

                    "^/api": ""

                }

            }

        }

    }

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值