首页 > Web开发 > 详细

nuxtjs使用静态生成时出现Error: connect ECONNREFUSED 127.0.0.1:3000的问题解析

时间:2021-04-30 17:53:31      阅读:62      评论:0      收藏:0      [点我收藏+]

项目中使用了axios异步代理,

export default {
  async asyncData({ $axios }) {
    const BeersList = await $axios.$get("/api/beer/?key=beer");
    return { BeersList };
  },
};

nuxt.config.js

export default {
  axios: {
    proxy: true,
  },
  proxy: {
    /api/beer/: {
      target: https://api.nuxtjs.dev/beers,
      pathRewrite: {
        ^/api/beer/: ‘‘
      }
    },
  },
  target: static
}

使用静态生成时

npm run generate

出现Error: connect ECONNREFUSED 127.0.0.1:3000这样一个错误,

技术分享图片

 

 

 原因为@nuxtjs/axios代理只用于服务端,纯静态打包就会出这个错误,详细原因不写了。

解决方案:

1、nuxt.config.js注释axios代理;

export default {
/********
  axios: {
    proxy: true,
  },
  proxy: {
    ‘/api/beer/‘: {
      target: ‘https://api.nuxtjs.dev/beers‘,
      pathRewrite: {
        ‘^/api/beer/‘: ‘‘
      }
    },
  },
*********/
  target: static
}

 

2、asyncData axios请求改为原始api接口地址

export default {
  async asyncData({ $axios }) {
    const BeersList = await $axios.$get("https://api.nuxtjs.dev/beers");
    return { BeersList };
  },
};

这时打包就没错误了

技术分享图片

 

nuxtjs使用静态生成时出现Error: connect ECONNREFUSED 127.0.0.1:3000的问题解析

原文:https://www.cnblogs.com/sonicyard/p/14722650.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!