nodejs 可通过 react 应用程序从 Internet 访问

Question

我有一个在 https 上运行的 react 应用程序和一个运行 localhost:3001 的 nodejs。我的 nodejs 应用程序没有从反应应用程序中捕获数据。 我错过了什么？

server.js (Nodejs)

const express = require('express');
const bodyParser = require('body-parser');
const nodemailer = require('nodemailer');
const cors = require('cors');
const app = express();
const Excel = require('exceljs');


app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:true}));
app.use(cors());


app.get('/', ()=>{
 console.log('welcome to test')
})
app.post('/api/xcl', (req, res) =>{

const workbook = new Excel.Workbook();
workbook.xlsx.readFile('test.xlsx')
.then(() =>{
const workSheet = workbook.getWorksheet('test');
workSheet.addRow([req.body.fNamn, req.body.eNamn, req.body.oNamn, req.body.ePost, 
req.body.dVal, req.body.kNamn]);
workbook.xlsx.writeFile('test.xlsx');
})
.catch(error => {
console.log(error.message);
});

const PORT = process.env.PORT || 3001
app.listen(PORT, () => console.info(`server has started on ${PORT}`))

app.js (Reactjs)

 axios.post('http://localhost/:3001/api/xcl', data)
        .then(res =>{
            setSent(true)
            console.log(res.data)
        })
        .catch(() => {
            console.log(err=>console.log(err.response.data));
        })

我已经在 package.json 中声明了代理 "proxy": "http://localhost:3001/"

React 应用在 iis 网站上运行 https://test.me:443

Answer 1

如果你设置了代理，你的http请求中不需要写http://localhost:3001，试试

axios.post('/api/xcl', data)
        .then(res =>{
            setSent(true)
            console.log(res.data)
        })
        .catch(() => {
            console.log(err=>console.log(err.response.data));
        })

Answer 2

还有另一种方法。 你可以创建你的 axios 实例，并给它 baseURL，然后 http 调用使用该 axios 实例。

import axios from "axios";
const api = axios.create({
 baseURL: "http://localhost:3001",
});

api.post('/api/xcl', data)
        .then(res =>{
            setSent(true)
            console.log(res.data)
        })
        .catch(() => {
            console.log(err=>console.log(err.response.data));
        })