代码如下,详细说明如何用node.js如何跨域function getTruckNo() { const TruckNo = document.getElementById("TruckNo").value; const options = { method: "GET", url: "http://10.198.8.102:8081/TruckParkTime", params: { Token: "Parking20230103163153666", TruckNo: TruckNo }, headers: { "content-type": "application/json"}, }; axios.request(options).then(function (response){ console.log(response.data); var data = JSON.parse(response.data); console.log(data.TruckNo); console.log(data.Intime); console.log(data.ParkTime); console.log(data.Money); showResult(data); }) .catch(function (error) { console.error(error); }); } function showResult(data) { const resultDiv = document.getElementById("result"); resultDiv.textContent = "车牌:"+ data.TruckNo + "进场时间:"+ data.Intime+", 停车时长:" + data.ParkTime+", 产生金额:" + data.Money; }
时间: 2024-04-18 15:30:11 浏览: 117
在 Node.js 中解决跨域问题可以使用中间件来处理。以下是一种基本的方法:
1. 首先,安装 express 和 cors 模块:
```shell
npm install express cors
```
2. 在 Node.js 代码中引入 express 和 cors 模块,并创建一个 Express 应用:
```javascript
const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());
```
3. 在应用中添加一个路由来处理跨域请求:
```javascript
app.get('/TruckParkTime', (req, res) => {
// 处理跨域请求的逻辑
const TruckNo = req.query.TruckNo;
const data = {
TruckNo: TruckNo,
Intime: '2022-01-01',
ParkTime: '2 hours',
Money: '10'
};
res.json(data);
});
```
在上述代码中,我们创建了一个 GET 路由 `/TruckParkTime` 来处理跨域请求。在路由处理函数中,我们可以根据请求的参数 `TruckNo` 返回相应的数据。
4. 启动 Express 应用:
```javascript
app.listen(8081, () => {
console.log('Server is running on port 8081');
});
```
这将在本地的 8081 端口启动 Express 应用。
5. 在前端代码中修改请求的 URL 为 `http://localhost:8081/TruckParkTime`:
```javascript
const options = {
method: "GET",
url: "http://localhost:8081/TruckParkTime",
params: { Token: "Parking20230103163153666", TruckNo: TruckNo },
headers: { "content-type": "application/json"},
};
```
这样前端代码就会向启动在本地的 Node.js 服务器发送请求,避免跨域问题。
通过以上步骤,你可以使用 Node.js 在本地搭建一个简单的服务器,并处理跨域请求。记得根据你的实际需求修改路由处理函数中的逻辑,以返回正确的数据。
阅读全文