本地跨域解决办法之一

本地 ajax 的请求 出现了跨域问题,如图

解决办法:两个命令,启动一个服务器

注意:执行命令前,首先需要npm环境哦

一、安装http服务

npm install http-server -g

二、启动http服务

然后,到 出现跨域问题的 html 文件路径下,执行

http-server

我是 此路径下 执行 http-server 命令

 三、打开浏览器

 

 备注:前端的代码也需要该一下 URL 哦 

$.ajax({
            url: "http://192.168.31.209:8080/user.json",
            success(data) {
                console.log("查询了用户:" , data);
                $.ajax({
                    url: `http://192.168.31.209:8080/user_corse_${data.id}.json`,
                    success(data) {
                        console.log("查询到课程:" , data);
                        $.ajax({
                            url: `http://192.168.31.209:8080/corse_score_${data.id}.json`,
                            success(data) {
                                console.log("查询到分数:" , data);
                            },
                            error(error) {
                                console.log("出现了异常:" + error);
                            }
                        });
                    },
                    error(error) {
                        console.log("出现了异常:" + error);
                    }
                });
            },
            error(error) {
                console.log("出现了异常:" + error);
            }
        });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值