Javascript heroku日志——get/post请求时的尾部错误状态404
每当我在heroku应用程序上发出post请求时,它都会以404状态响应。成功发布/获取代码时,我在代码中缺少了什么?以下是输入heroku logs-tail时出现的错误:Javascript heroku日志——get/post请求时的尾部错误状态404,javascript,reactjs,express,heroku,multer,Javascript,Reactjs,Express,Heroku,Multer,每当我在heroku应用程序上发出post请求时,它都会以404状态响应。成功发布/获取代码时,我在代码中缺少了什么?以下是输入heroku logs-tail时出现的错误: 2021-04-14T03:50:52.076702+00:00 heroku[router]: at=info method=GET path="/images/thumbnail_image0.jpg" host=thawing-bastion-89215.herokuapp.com request
2021-04-14T03:50:52.076702+00:00 heroku[router]: at=info method=GET path="/images/thumbnail_image0.jpg" host=thawing-bastion-89215.herokuapp.com request_id=9bdfae76-50dc-4221-8567-2bfa2f714ab0 fwd="73.189.169.17" dyno=web.1 connect=0ms service=5ms status=404 bytes=442 protocol=https
在我的浏览器上,我得到一个错误,上面写着
Failed to load resource: the server responded with a status of 404 (Not Found)
在本地,我的post请求成功响应,状态为200。这是我在前端onclick上的发帖请求
handleRequest = (event) => {
event.preventDefault()
const data = new FormData();
const {file} = this.state
data.append('file', file)
axios.post('/api/user/myimages',data,{ 'Content-Type':'multipart/form-data',headers: { 'authorization': localStorage.getItem('token')}})
.then((response)=>{
const {fileName,filePath} = response.data
this.setState({uploadedFile:response.data})
this.getMyImage()
console.log(response,'postfdsv')
})
}
对于后端,我使用express和multer
const multer = require('multer')
const upload = multer({dest:''})
router.route('/myimages')
.get(requireAuth,getMyImages)
.post(requireAuth,upload.single('file'),postMyImages)
postMyImages: async (req, res) => {
const { fileName,filePath } = req.body;
console.log(req.files,'req files data postMyImages')
if(req.files === null) {
return res.status(400).json({msf:'no file uploaded'})
}
try {
const file = req.files.file
file.mv(`${__dirname}/../client/public/images/${file.name}`,async (err)=>{
if(err){
console.error(err)
return res.status(500).send(err)
}
const newImage = await new Image({fileName:file.name,filePath:`/images/${file.name}`, user: req.user._id}).save();
req.user.myImages.push(newImage);
await req.user.save();
return res.status(200).json(newImage);
// res.json({fileName:file.name,filePath:`./images/${file.name}`})
})}catch (e) {
return res.status(403).json({ e });
}
// const newImage = await new Image({ fileName, user: req.user._id }).save();
// const newStock = await Stock.create({ text, user: req.user._id });
// req.user.myImages.push(newImage);
}
你的前端和后端都在Heroku上吗?@fortune是的,是的!