未定义终点http://localhost:8010/undefined/

Question

我正在尝试将数据从前端发送到后端。这是我的正面:

import axios from 'axios'
const api = axios.create({
baseURL: `${process.env.BASE_FRONT_URL}`, // process.env.BASE_FRONT_URL = http://localhost:8010
})

export const postTip = async (payload) => {
try {
const { data } = await api.post(`post-tip`, payload);
return data;
} catch (e) {
return [];
}
};

这里是后端:

const router = require('express').Router();
const tipController = require('../controllers/tips/tipController')
router.post('post-tip', tipController.postTip);

该函数tipController.postTip实际上只是接收和显示数据，但是当我触发此端点时，我得到错误:POST http://localhost:8010/undefined/post-tip 404 (Not Found)。那么，终点有什么问题，我该如何让它发挥作用?我也不知道，这个undefined是从哪里来的?我错过什么了吗?

Answer 1

我发现我的错误了。实际上，process.env.BASE_FRONT_URL实际上是undefined，所以，我把它写成这样:

import axios from 'axios'
const api = axios.create({
baseURL: 'http://localhost:8084',
})

export const postTip = async (payload) => {
try {
const { data } = await api.post(`post-tip`, payload);
return data;
} catch (e) {
return [];
}
};

但最重要的是，在后台我必须使用相同的端口(8084)