小白做项目之http-server

拿我现在做的公司新人项目来说,要访问公司的接口来获取数据,那么你只在本地新建一个文件index.html,那是远远不够的,当你用ajax获取数据的时候就会报出一个错误

XMLHttpRequest cannot load url(你输入的网址) No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

所以,你需要http-sever

npm install http-server -g

然后在你所在项目目录下

http-server

打开

localhost:8080

看一下是不是你所在的项目

接下来你可以127.0.0.1指向一个url,等你运行程序的时候,你可以输入你的url就可以运行了,所以怎么把127.0.0.1指向你想要的url呢,我用的是mac(window自行百度)

在finder下-》前往文件夹-》输入/private/etc,
回车,找到hosts文件,拷贝到桌面,进行改动(大致是下面的界面)

127.0.0.1    localhost
255.255.255.255    broadcasthost
::1             localhost
127.0.0.1     你想输入的地址(输入即可)复制代码

改动完,把文件拷贝回去(在hosts文件里直接改动是没有权限的,所以要把文件拷贝出去在拷贝回来)

打开你之前输入的网址例如:baidu.com:8080看看是不是和localhost:8080一样

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值