完整错误信息:connect ECONNREFUSED 127.0.0.1:30561 at TCPConnectWrap.afterConnect
axios 请求在 Node.js 环境(Next.js)中运行,错误就在这里发生,奇怪的是 axios 请求在浏览器中运行时工作正常。
我的组件(在 Node.js 中运行)调用 axios:
import axios from 'axios'
import Router from 'next/router'
import React, { Component } from 'react'
import { initializeStore } from '~/reducers'
import { authenticate } from '~/actions/auth'
import { getCookieByName } from '~/helpers/cookie'
const isServer = typeof window === 'undefined'
const __NEXT_REDUX_STORE__ = '__NEXT_REDUX_STORE__'
function getOrCreateStore(initialState) {
// Always make a new store if server, otherwise state is shared between requests
if (isServer) {
return initializeStore(initialState)
}
// Create store if unavailable on the client and set it on the window object
if (!window[__NEXT_REDUX_STORE__]) {
window[__NEXT_REDUX_STORE__] = initializeStore(initialState)
}
return window[__NEXT_REDUX_STORE__]
}
export default App => {
return class AppWithRedux extends Component {
static async getInitialProps(appContext) {
const reduxStore = getOrCreateStore()
appContext.ctx.reduxStore = reduxStore
let appProps = {}
if (typeof App.getInitialProps === 'function') {
appProps = await App.getInitialProps(appContext)
}
const JWT = (isServer ? getCookieByName('JWT', appContext.ctx.req.headers.cookie) : getCookieByName('JWT', document.cookie))
const pathname = appContext.ctx.pathname
//set axios baseURL
axios.defaults.baseURL = (isServer ? `${appContext.ctx.req.headers['x-forwarded-proto']}://${appContext.ctx.req.headers.host}` : window.location.origin)
//if user has a JWT
if(JWT){
axios.defaults.headers.common['Authorization'] = `Bearer ${JWT}`
//get user from API layer
reduxStore.dispatch(authenticate())
}
return {
...appProps,
initialReduxState: reduxStore.getState()
}
}
constructor(props) {
super(props)
this.reduxStore = getOrCreateStore(props.initialReduxState)
}
render() {
return <App {...this.props} reduxStore={this.reduxStore} />
}
}
}
具体来说reduxStore.dispatch(authenticate())
我的实际 axios 调用(使用 redux thunk)查看方法authenticate
:
import axios from 'axios'
import { setCookieByName } from '~/helpers/cookie'
const BASE_URL = '/api/auth'
export const TYPE_REGISTER = 'TYPE_REGISTER'
export const TYPE_AUTHENTICATE = 'TYPE_AUTHENTICATE'
export const register = values => (dispatch) => {
return axios.post(`${BASE_URL}/register`, values)
.then(function({data: {token, user}}){
setCookieByName('JWT', token, 365)
dispatch({
type: TYPE_REGISTER,
payload: user
})
})
}
export const authenticate = () => (dispatch) => {
return axios.post(`${BASE_URL}/me`)
.then(function({data: {user}}){
dispatch({
type: TYPE_AUTHENTICATE,
payload: user
})
})
.catch(function(err){
console.log(err)
dispatch({
type: TYPE_AUTHENTICATE,
payload: {}
})
})
}
我正在使用 Docker for Mac 运行我的本地 Kubernetes 集群,并且我的 Ingress 控制器正在 上被访问http://kludge.info:30561
。我的域从本地映射127.0.0.1 kludge.info
以允许 Ingress 控制器访问容器。我的理论是,当我向例如发送请求时http://kludge.info:30561/api/auth/me
,运行 Node.js 应用程序的 docker 容器认为它是对 localhost(容器内)的请求,并导致连接错误。请注意,容器内的 Node.js 应用程序正在 上运行http://localhost:8080
。基本上我在我的机器上运行 localhost,在 Node 实例内运行 localhost。我怎样才能将请求发送到http://kludge.info:30561/
Ingress 控制器正在运行的外部。
我还在baseURL
axios 中配置了,但这并不能解决问题。我的入口控制器有一个/api
指向 PHP 实例的路径,所以我需要我的 Node.js axios 调用来在其容器内命中它。任何帮助都将不胜感激。
当我在 Minikube 上运行我的 K8 集群时,我没有遇到这个问题,但是 minikube 确实为您提供了 VM 的 IP,而 Docker for Desktoplocalhost
直接在您的机器上使用。