标签 http 下的文章

探索 Node.js 的 HTTP 状态管理库：`node-http-status`

2024-08-08




// 引入需要的模块
const httpStatus = require('http-status');
 
// 使用 http-status 中定义的状态码
const successStatus = httpStatus.OK; // 200
const createdStatus = httpStatus.CREATED; // 201
const notFoundStatus = httpStatus.NOT_FOUND; // 404
const serverErrorStatus = httpStatus.INTERNAL_SERVER_ERROR; // 500
 
// 示例：在 Express 应用中使用 http-status
const express = require('express');
const app = express();
 
app.get('/', (req, res) => {
  res.status(successStatus).send('Hello World!');
});
 
app.get('/not-found', (req, res) => {
  res.status(notFoundStatus).send('Page not found');
});
 
app.get('/error', (req, res) => {
  // 模拟一个服务器错误
  const err = new Error('Server error');
  res.status(serverErrorStatus).send(err.message);
});
 
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

这段代码演示了如何在一个简单的Express应用中使用node-http-status模块来设置HTTP状态码。它提供了几个不同的路由，每个路由都使用了http-status模块定义的状态码。这样做可以提高代码的可读性和可维护性，因为状态码是通过它们的语义名称来引用的，而不是数字本身。

- 阅读更多 -

XMLHttpRequest 对象(AJAX通信)

System

2024-08-08

所有,ajax

XMLHttpRequest 对象用于与服务器交换数据，也就是我们常说的AJAX通信。

以下是创建和使用 XMLHttpRequest 对象的基本步骤：

创建 XMLHttpRequest 对象
设置请求参数
发送请求
处理服务器响应

以下是一个使用 XMLHttpRequest 对象发送 GET 请求的示例：




// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
 
// 设置请求参数
var method = 'GET';
var url = 'your-endpoint-url';
 
// 发送请求
xhr.open(method, url, true);
xhr.send();
 
// 处理服务器响应
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理响应数据
    var response = xhr.responseText;
    console.log(response);
  } else {
    // 请求未完成或请求失败
    console.log('Status: ' + xhr.status);
    console.log('Body: ' + xhr.responseText);
  }
};

以上代码创建了一个 XMLHttpRequest 对象，设置了请求方法为 GET 和请求的 URL，然后发送请求。当请求状态改变时，它会检查 readyState 是否为 4（请求已完成）和 HTTP 状态码是否为 200（OK，请求成功），如果是，则处理服务器响应的数据。如果请求未完成或请求失败，它会输出状态和响应体。

- 阅读更多 -

关于原生XMLHttpRequest的原理及使用细节

System

2024-08-08

所有,ajax

XMLHttpRequest是一个构造函数，可以创建一个XMLHttpRequest对象，这个对象可以用来与服务器交换数据。

使用方法：

创建一个新的XMLHttpRequest对象




var xhr = new XMLHttpRequest();

使用open方法设置请求




xhr.open('GET', 'https://example.com', true);

设置请求头（可选）




xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

发送请求




xhr.send('name=John&age=30');

处理服务器响应




xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};

注意：

请求方法可以是'GET', 'POST', 'PUT', 'DELETE'等。
请求URL是你想要请求的服务器的地址。
第三个参数指示请求是否异步。如果是true，则请求是异步的，否则是同步的。
如果是'POST'方法，send方法的参数是请求的主体。
onreadystatechange事件处理函数会在xhr对象的readyState属性变化时被调用。readyState的值可能是0（未初始化），1（正在加载），2（加载完成），3（交互中），4（完成）。当readyState为4且状态码为200时，表示请求成功完成。
响应的数据可以在responseText属性中找到，如果服务器返回的是JSON，可以用JSON.parse(xhr.responseText)转换。

以上是XMLHttpRequest的基本使用方法，但是在实际开发中，我们往往会用到更高级的功能，比如超时设置、错误处理、上传进度等，这些都可以通过XMLHttpRequest提供的相关API来实现。

- 阅读更多 -

AJAX——HTTP协议

System

2024-08-08

所有,ajax

AJAX（Asynchronous JavaScript and XML）技术允许在不重新加载页面的情况下更新网页的部分内容。它是一种在后台与服务器交换数据的技术，使用的是HTTP协议。

HTTP（Hypertext Transfer Protocol）是一个简单的请求-响应协议，用于在两点之间传输数据。它指定了数据交换的内容和格式，但并不定义如何建立或关闭这个连接。

在AJAX应用中，浏览器通过JavaScript创建一个HTTP请求，然后服务器响应这个请求并返回所需的数据。这个过程不会重新加载页面，因此用户可以在不中断当前操作的情况下获取新数据。

以下是使用JavaScript的XMLHttpRequest对象发送AJAX请求的示例代码：




// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
 
// 配置请求类型、URL 以及是否异步处理
xhr.open('GET', 'your-api-endpoint', true);
 
// 设置请求完成的回调函数
xhr.onreadystatechange = function () {
  // 请求完成并且响应状态码为 200
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 处理请求成功的响应数据
      console.log(xhr.responseText);
    } else {
      // 处理请求失败
      console.error('AJAX Request failed');
    }
  }
};
 
// 发送请求
xhr.send();

在这个例子中，我们创建了一个XMLHttpRequest对象，并使用它来发送一个HTTP GET请求到指定的API端点。当请求完成并且服务器响应时，我们通过检查readyState和status属性来处理成功或失败的响应。

注意：现代浏览器已经支持fetch API，它提供了一种更现代、更简洁的方式来实现AJAX请求。上述代码使用了XMLHttpRequest，因为它在所有现代浏览器中都有良好的支持，并且可以处理更复杂的请求和响应。

System

2024-08-08

所有,ajax

HTTP进阶:

Cookie: 是服务器发送到用户浏览器并保存在本地的一小块数据。
响应的回报结果: 通常是服务器处理请求的结果，比如HTML文件、JSON数据、图片等。

Ajax:

全称为"Asynchronous JavaScript and XML"（异步JavaScript和XML），是在不刷新页面的情况下更新网页数据的方法。
使用JavaScript的XMLHttpRequest对象发送异步请求。

Form表单:

用于发送数据到服务器的HTML元素。
可以通过GET或POST方法发送数据，GET通常用于获取数据，POST用于修改服务器上的数据。

不同状态码的结果:

1xx: 信息性状态码，一般是临时响应。
2xx: 成功状态码，表示请求已成功。
3xx: 重定向状态码，要完成请求必须进行更进一步的操作。
4xx: 客户端错误状态码，请求包含错误。
5xx: 服务器错误状态码，服务器在处理请求时发生错误。

解决方案和示例代码:




// 使用Ajax发送POST请求
var xhr = new XMLHttpRequest();
xhr.open("POST", "your_url", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    // 请求成功，处理响应数据
    var response = xhr.responseText;
    console.log(response);
  } else {
    // 请求失败，处理错误
    console.error(xhr.statusText);
  }
};
xhr.send("key1=value1&key2=value2");
 
// Form表单提交
<form action="your_url" method="post">
  <input type="text" name="username" />
  <input type="password" name="password" />
  <input type="submit" value="Submit" />
</form>
 
// 处理不同状态码的结果
if (xhr.status >= 200 && xhr.status < 300) {
  // 请求成功
} else {
  // 请求失败
}

以上代码提供了使用Ajax发送POST请求、处理Form表单提交以及处理HTTP请求状态码的基本示例。在实际应用中，需要根据具体需求进行调整和扩展。

- 阅读更多 -

【Vue 本地项目运行https服务】

System

2024-08-08

所有,vue.js

要在Vue项目中运行HTTPS服务，你需要一个SSL证书。你可以使用自签名证书进行测试，或者从证书颁发机构获取一个。以下是如何设置自签名证书并在Vue项目中使用它的步骤：

生成自签名SSL证书：
你可以使用openssl生成一个自签名证书。在命令行中运行以下命令：
```
openssl req -newkey rsa:2048 -new -nodes -x509 -days 365 -keyout selfsigned.key -out selfsigned.crt
```
按照提示填写信息，例如域名（localhost）、组织信息等。
将SSL证书添加到Vue项目：
将生成的selfsigned.key和selfsigned.crt文件复制到你的Vue项目的某个目录下，比如src或public。

配置Vue项目以使用HTTPS：

修改vue.config.js文件（如果不存在，则创建它），添加如下配置：




module.exports = {
  devServer: {
    https: true,
    key: fs.readFileSync('/path/to/selfsigned.key'), // 证书文件路径
    cert: fs.readFileSync('/path/to/selfsigned.crt'), // 证书文件路径
    // 如果你的证书文件不在项目根目录，请提供正确的路径
  }
};

确保替换/path/to/selfsigned.key和/path/to/selfsigned.crt为你的证书文件的实际路径。

运行Vue项目：
使用npm run serve或yarn serve启动你的Vue项目，它现在应该在HTTPS下运行。

请注意，自签名证书不被浏览器信任，并且会在浏览器中显示安全警告。为了避免这些问题，最好使用由受信任的证书颁发机构签发的证书。

- 阅读更多 -

js ajax （含XMLHttpRequest、同源策略、跨域、JSONP）

System

2024-08-07

所有,ajax

AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的技术。其核心对象是XMLHttpRequest，它是一个允许JavaScript发送异步HTTP请求的API。

XMLHttpRequest对象

XMLHttpRequest对象用于与服务器交换数据，可以从服务器获取新数据，而不会导致整个页面刷新。




var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var json = JSON.parse(xhr.responseText);
    console.log(json);
  }
};
xhr.send();

同源策略(Same-origin policy)

同源策略是一种安全机制，它限制了一个源的文档或脚本如何与另一个源的资源进行交互。如果两个页面的协议、端口号和主机名都相同，那么它们就是同源的。

跨域

当一个源请求另一个源的资源时，就发生了跨域。解决跨域问题的方法有：

JSONP（只支持GET请求）
CORS（服务器需要设置Access-Control-Allow-Origin）
代理服务器（在服务器端创建一个代理，将请求发送到代理，由代理转发请求到目标服务器）
Node.js服务器（通过Node.js设置一个代理服务器）

JSONP

JSONP是一种方式，允许网页从另一个域名请求数据，但它只支持GET请求。




<script>
function handleResponse(response) {
  console.log(response);
}
</script>
<script src="https://api.example.com/data?callback=handleResponse"></script>

以上是关于“js【详解】ajax (含XMLHttpRequest、同源策略、跨域、JSONP)”的主要内容，如果你需要更多的相关内容，可以在下方发表你的疑问。

- 阅读更多 -

利用burp抓取app和小程序的http包

System

2024-08-07

所有,小程序

要通过Burp Suite抓取App和小程序的HTTP包，你需要在手机上进行设置，以便将流量通过Burp代理。以下是基本步骤：

在Burp Suite中设置代理：
- 打开Burp Suite。
- 转到 Proxy -> Options。
- 在 Connection 标签下，记下Burp Suite的代理端口（默认为8080）。
配置手机：
- 确保手机和电脑在同一网络上。
- 在手机上，找到网络设置，并设置代理服务器，输入电脑的IP地址和Burp Suite的代理端口。
- 注意：不同操作系统和手机版本的设置可能略有不同，但大体步骤相同。
通过Burp Suite抓包：
- 在手机上打开你的App或小程序。
- 返回Burp Suite，你将能在 Intercept 标签下看到通过代理的HTTP请求和响应。

确保在完成抓包后关闭代理设置，或者在手机上移除代理配置，以避免不必要的网络安全风险。

- 阅读更多 -

Ubuntu下Lighttpd服务器安装，并支持PHP

System

2024-08-07

所有,php

在Ubuntu系统下安装Lighttpd服务器并支持PHP可以通过以下步骤进行：

更新系统包列表：




sudo apt-update

安装Lighttpd：




sudo apt-get install lighttpd

安装PHP（例如PHP 7.4）：




sudo apt-get install php7.4-cli php7.4-cgi php7.4-fpm

安装Lighttpd的PHP模块：




sudo apt-get install lighttpd-php-7.4

配置Lighttpd以使用PHP-FPM。编辑Lighttpd的配置文件/etc/lighttpd/lighttpd.conf，添加或修改以下行：




server.modules += ( "mod_fastcgi" )
fastcgi.server = ( ".php" =>
    (( "host" => "127.0.0.1",
       "port" => 9000 ))
)

启动PHP-FPM服务：




sudo service php7.4-fpm start

启动Lighttpd服务：




sudo service lighttpd start

（可选）配置Lighttpd开机自启动：




sudo systemctl enable lighttpd

（可选）配置PHP-FPM开机自启动：




sudo systemctl enable php7.4-fpm

现在，你的Lighttpd服务器应该已经安装并配置好，可以支持PHP了。创建或编辑Lighttpd的网站根目录下的PHP文件，并通过浏览器访问以测试PHP支持是否正常工作。

System

2024-08-07

所有,npm

报错信息 npm ERR! code ENOTFOUND 和 npm ERR! errno ENOTFOUND 表示 npm 在尝试进行网络请求时无法解析域名。这通常意味着 npm 无法连接到指定的服务器或资源。

解决方法：

检查网络连接：确保你的设备可以正常访问互联网。
检查代理设置：如果你在使用代理服务器，确保 npm 配置正确。
清除 npm 缓存：运行 npm cache clean --force 清除缓存后再尝试。
检查 npm 源：运行 npm config get registry 查看当前的 npm 源地址，如果有必要，可以更换到官方源或者其他的镜像源。
尝试使用不同的网络或VPN：有时候特定的网络环境可能导致连接问题。
重启 npm 服务：如果可能，尝试重启计算机或者结束所有的 npm 进程后再次尝试。

如果以上步骤都不能解决问题，可能需要进一步检查是否有其他软件（如防火墙或安全软件）阻止了 npm 的网络请求，或者联系你的网络管理员寻求帮助。

- 阅读更多 -