vue3 为什么项目一发布到阿里云服务器上面 使用axios发送post请求就报错"Request failed with status code 404"

Question

vue3 axios在本地使用localhost访问课程网址访问正常可以获得Token，但是一把项目发布到阿里云服务器之后就相同的方式，只是请求的网址ip变成了阿里云公有ip就访问失败了
这是本地访问成功

这是访问失败使用阿里云公有ip地址访问

求帮忙解决一下

Answer 1

【以下回答由 GPT 生成】

问题原因可能是在阿里云服务器上配置有误导致请求的路由无法找到，或者阿里云服务器的防火墙阻止了该请求。以下是可能的解决方案：

1. 确保阿里云服务器上已经正确安装了Node.js和Vue-cli，并且已经成功部署了vue3项目。

2. 检查阿里云服务器上的防火墙设置，确保允许访问该端口。可以通过在服务器上运行以下命令来检查：

sudo ufw status

如果防火墙是活动状态并且没有允许你的请求的端口，可以使用以下命令打开该端口：

sudo ufw allow <port>

其中<port>是你的后端服务器应用程序正在侦听的端口号。

1. 确保你在前端项目中使用的请求URL是正确的。检查阿里云服务器的公有IP和端口号是否与你在前端项目中使用的请求URL相匹配。

2. 在后端服务器应用程序中，确保已经正确设置了响应头以允许跨域请求。可以在后端应用程序的入口文件中添加以下代码：

javascript app.use((req, res, next) => { res.setHeader('Access-Control-Allow-Origin', '*'); res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE'); res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization'); next(); });

其中app是你的后端应用程序的实例。

如果你已经尝试了以上解决方案但问题仍然存在，可能还有其他原因导致问题，建议仔细检查服务器和前端项目的配置和代码，或向阿里云官方技术支持寻求帮助。

【相关推荐】

• 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue中使用axios报错request failed with status code 404

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^