NuxtServerError connect ECONNREFUSED 127.0.0.1:80

约定不等于承诺〃 2024-04-17 05:37 24阅读 0赞

## 异常截图 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]

> 我是在使用 nuxt 的 asyncData 方法遇到了这个问题。  
> 最后解决办法是补全访问 url  
> 其实我们在配置axios的时候已经配置过了前缀，但是不知道为什么在这里不行，所以需要写全url

**报错的写法**  
![在这里插入图片描述][20190822231639745.png]

**解决方法一：补全路径**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]

**解决方法二：拦截器里面配置前缀**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2]

import { message } from 'ant-design-vue/lib'
    export default function ({store, redirect, app: { $axios }})  {    
    	$axios.defaults.baseURL = 'http://127.0.0.1:8185/api/'    
    	$axios.onRequest(config => {
        	})
       	 $axios.onError(error => {            
    	})   
    	 $axios.interceptors.response.use(response => {                
    	 	if(response.data.errDesc != null) {            
    	 		message.success(response.data.errMsg);        
    	 	}           
    	 	return response.data    
    	 })
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/6758a4b287b24c6782d8572f3a60821c.png
[20190822231639745.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/956c87e4e3a14cbfbebd840441dd9fff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/0737d6fccadb4ec38d768c489880c588.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/af2ab55d290b4df3a8f5bb3c52caaeb5.png