GET http://localhost:8080/api/getArticle 504 (Gateway Timeout) 或者404错误

vue+express+mysql搭建博客时，使用axios进行前后台数据交互时，出现GET http://localhost:8080/api/getArticle 504 (Gateway Timeout) 或者GET http://localhost:8080/api/getArticle 404 (Not Found)，找了很久才解决，所以写个博客记录一下用到的方法或者相关方法
1.跨域：这个是一开始遇到的，解决有很多教程
（1）在项目中的config => index.js中的ProxyTable设置

//   config/index.js中proxyTable: {'/api': {target: 'http://localhost:3000',   changeOrigin: true,  //允许跨域pathRewrite: {'^/api': ''}}

// server/index.js中const express = require('express');
const app = express();app.get('/api/getArticle', (req, res, next) => {res.json({data: '后台返回结果 getArticle'})
})// 监听端口
app.listen(3000);    //后台运行在3000端口
console.log('success listen at port:3000......');

//  component/note.vue中methods: {getArticle (){this.axios.get('/api/getArticle').then( (res) => {console.log('res', res);this.message = res.data.data;})}}

按照如上设置，就可以解决跨域问题

2.如何跨域实现后，还是出现一开始的问题，那么有可能是你的后台端口没有打开，在cmd中，进入server目录，运行server/index.js文件

cd blog  //进入项目文件cd server   //使用node文件cd index.js   //使用node搭建的服务器node index.js    //运行文件，打开后台端口端口打开后，再重新刷新页面就可以了。

GET http://localhost:8080/api/getArticle 504 (Gateway Timeout) 或者404错误相关推荐

WebSocket connection to ‘ws://localhost:8080/api/handler‘ failed: Invalid frame header
vue 项目启动成功后chrome一直不停的报错 WebSocket connection to 'ws://localhost:8080/api/handler' failed: Invalid f ...
Nginx报504 gateway timeout错误的解决方法
提供给客户的bs软件,有一个导出报表的功能,经常性的报504错误最近在工作中,需要做Excel导入的功能,由于Excel的数据比较多,而且我们的服务端程序需要对数据的内容做校验,会调用很多的外部服务 ...
「Harbor」- HTTP status 504 Gateway Time-out @20210318
# 07/20/2019 # 我刚想处理这个问题,好了个屁的.这种最可怕了. 问题背景使用docker push命令推送镜像. 在某个镜像层推送将要结束的时候,收到如下错误信息: # docker ...
HTTP/2 504 Gateway Timeout 36369ms
Nginx报504 gateway timeout错误的解决方法 BUG背景信息: 线上正在运行的项目,某个服务一直出现超时访问,解决方案: 最终解决方案: 创建索引!!! 创建索引!!! 创建索引! ...
Nginx PHP 报504 Gateway time-out错误的解决方法
Nginx PHP 报504 Gateway time-out错误的解决方法参考文章: (1)Nginx PHP 报504 Gateway time-out错误的解决方法 (2)https://ww ...
Nginx 出现504 Gateway Time-out的解决方法
Nginx 出现504 Gateway Time-out的解决方法参考文章: (1)Nginx 出现504 Gateway Time-out的解决方法 (2)https://www.cnblogs. ...
【Nginx】解决 504 Gateway Time-out
文章目录 Nginx + FastCGI (php-fpm) Nginx Proxy Timeout 常见的对应报错信息 "504 Gateway Timeout" "5 ...
504 Gateway Time-out错误的解决方法
504 Gateway Time-out就字面意思,我们可以理解为网页请求超时,也就是浏览网站网页所发出的请求没有反应或者未响应,在网站程序层面来说,就是请求未能够执行相应的PHP-CGI程序,或者P ...
解决 502、504 Gateway Time-out(nginx)
504 Gateway Time-out问题常见于使用nginx作为web server的服务器的网站我遇到这个问题是在升级discuz论坛的时候遇到的一般看来, 这种情况可能是由于nginx默认 ...

GET http://localhost:8080/api/getArticle 504 (Gateway Timeout) 或者404错误

GET http://localhost:8080/api/getArticle 504 (Gateway Timeout) 或者404错误相关推荐

最新文章

热门文章