Next.js报错之 Error: connect ECONNREFUSED 127.0.0.1:80 【接口代理】_Ocean_HL的博客

link之家
链接快照平台
输入网页链接，自动生成快照
标签化管理网页链接
相关文章推荐
酒量小的紫菜汤 · 【关注】广东疾控：这些人，请速测核酸！今冬疫 ...· 8 月前 ·
大力的红茶 · 张卫(中国男子足球运动员)_搜狗百科· 1 年前 ·
刀枪不入的匕首 · 收受下属财物达到一定数额并可能影响 ...· 1 年前 ·
旅途中的茄子 · 视点 | 比特币能成为人类未来的货币吗？· 1 年前 ·
乐观的松球 · 救许家印的人，真是中东土豪？|恒大|贾跃亭| ...· 1 年前 ·
import React from 'react';
import PropTypes from 'prop-types';
import axios from 'axios';
const Index = props => {
    return <div>Index</div>;
Index.propTypes = {};
Index.getInitialProps = async () => {
# 请求地址为：/github/search/repositories?q=react
    const response = await axios.get('/github/search/repositories?q=react');
    console.log('response', response);
    return {
        data: response.data,
export default Index;
发送请求在 客户端渲染 和 服务端渲染 之间存在差异性。 
客户端渲染中
 
以 /github/search/repositories?q=react 为例，在客户端中发送请求会自动添加上 当前网站的域名地址，如：http://localhost:3000/github/search/repositories?q=react。 
在服务端渲染中
 
同样以 /github/search/repositories?q=react 为例，在服务端渲染中没有当前网站的域名场景，然而依旧也会自动添加上一个特殊的域名地址：http://127.0.0.1:80，80 端口是浏览器的默认端口，完整的请求路径为：http://127.0.0.1:80/github/search/repositories?q=react，然而我们的服务没有启动在 80 端口上，自然没有得到响应。 
解决方法 -> 分别处理客户端渲染和服务端渲染
 
1. 创建公共的 api.js 文件
 
创建 api.js 文件，来针对不同环境的不同请求配置对象。 
// 处理getInitialProps中发送的请求接口
// 在客户端，服务端中都执行
const axios = require('axios');
const isServer = typeof window === 'undefined';
async function request({ method = 'GET', url, data = {} }, req, res) {
    // url是必传的，没有则报错
    if (!url) {
        throw new Error('url muse provide');
    if (isServer) {
        // 服务端中的请求配置，给ulr加上请求地址前缀
       return await axios({})
    } else {
        // 客户端中请求配置，客户端可不做太多的处理
        return await axios({});
module.exports = {
    request,
2. Index.jsx中
 
import React from 'react';
import PropTypes from 'prop-types';
import axios from 'axios';
import api from '../lib/api';
const Index = props => {
    return <div>Index</div>;
Index.propTypes = {};
Index.getInitialProps = async ({ ctx }) => {
    // api.request()中会自动判断 服务端 还是 客户端，加上自己的需要请求的路径前缀
    const response = await api.request({ url: '/github/search/repositories?q=reactsearch/repositories?q=react' }, ctx.req, ctx.res);
    console.log('response', response);
    return {
        data: response.data,
export default Index;
                    Error: connect ECONNREFUSED 127.0.0.1:80报错的完整代码import React from 'react';import PropTypes from 'prop-types';import axios from 'axios';const Index = props =&gt; {    return &lt;div&gt;Index&lt;/div&gt;;};Index.propTypes = {};Index.getInitialPr
您是否曾经遇到过类似ECONNREFUSED的错误，并以为“该应用程序建立了3或4个连接，该错误并没有真正告诉我发生了什么故障。” ErrorPlus旨在提供语法糖，以正确捕获和格式化跨复杂异步工作流的错误。 这将导致易于建立详细的错误，因为这些错误会从V8系统库的最深层传播回调用堆栈。
琐碎的例子
var ErrorPlus = module . require ( './ErrorPlus' ) ;
var error1 = new ErrorPlus ( 'IllegalOperation' , 'Permission denied.' ) ;
var error2 = new ErrorPlus ( error1 , 'FileNotFound' , 'Could not open the file "%s".' , '/tmp/logs/process-20000101
npm install fis3-deploy-http-push-strong -g
或者本地安装
npm install fis3-deploy-http-push-strong --save-dev
care from 的使用示例
推荐写法：
 fis.media('qa').match('*',{
   deploy:[
     fis.plugin("http-push-strong",[{
           receiver: 'http://cq.01.p.p.baidu.com:8888/receiver.php',
           to: '/home/work/htdocs/stati
				　　这个报错也是一直困扰了我许久，服务端一直打印这个报错，但是页面数据响应又都正常，起初真不知道是因为什么原因，能看出来他是在调用80端口， 但是不明白为什么会调用80端口。一度以为是config.js里面配置问题，所以解决的思路就一直在考虑配置方面，端口等方面。
　　最后发现都没有效果，在网上也查了各种类似的报错问题，解决方案也都不在点子上。考虑到我的config配置都是按官方模板配...
我是在使用 nuxt 的 asyncData 方法遇到了这个问题。
最后解决办法是补全访问 url
其实我们在配置axios的时候已经配置过了前缀，但是不知道为什么在这里不行，所以需要写全url
报错的写法
解决方法一：补全路径
解决方法二：拦截器里面配置前缀
import { message } from 'ant-design-vue/lib'
export defa...
将ONBOOT=no 改为NOBOOT=yes
然后重启网络服务service network restart即可
路径在 /etc/sysconfig/network-scripts/ifcfg-en****（后面*是你自己电脑生成的）
				nodejs的错误处理过程记录
　　本文以连接错误ECONNREFUSED为例，看看nodejs对错误处理的过程。 假设我们有以下代码　　1.  const net = require('net');  　　2.  net.connect({port: 9999})　　如果本机上没有监听9999端口，那么我们会得到以下输出。　　1.  events.js:170  　　2.        throw er; // Unhandled 'error' event  　　3.        ^  　　4.    　　5.  Error: connect ECONNREFUSED 127.0.0.1
安装模块： npm install pinboard.js 
 // Create a client
// API token can be found at: https://pinboard.in/settings/password
var Pinboard = require ( 'pinboard.js' ) ;
var pinboard = new Pinboard ( {
  auth : {
    type : 'token' ,
    username : 'your-username' ,
    token : 'your-token'
} ) ;
// Find out 
				react-i18nextReact-JSS | Next.js | SSR JSS Implementation React-JSS | Next.js | SSR JSS实施 
 1.概述 (1. Overview)
React-JSS is my personal favorite and go-to library for implementing CSS on my React Proj...
今天copy了同事用nextjs导出的静态页面的代码，本地编译执行都很正常，可是提交到服务器自动便已打包的时候，一直报下面这个错误。
Build error occurred
{ [Error: EEXIST: file already exists, mkdir '/home/dev/repos/covid-tutoring/.next']
  errno: -17,
  code: 'E...