vue3 启动项目 Network: unavailable,怎么改?

2023-06-16 347 0

vue3 启动项目 Network: unavailable
vue.config.js 改成:

module.exports = {
  transpileDependencies: true,
  public: '0.0.0.0:8080',
}
然后再启动项目就:
> vue_shop@0.1.0 serve C:Vuewebrootweishangchengvue_shop
> vue-cli-service serve
 ERROR  Invalid options in vue.config.js: "public" is not allowed
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue_shop@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue_shop@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     C:Users夕阳AppDataRoamingnpm-cache_logs2023-06-06T15_05_07_388Z-debug.log

不管是不是Vue3,使用 VueCLi 创建的项目都是没有 public 属性的。如果想要指定打开项目的端口可以考虑使用 devServer 配置项。

但是如果已经是返回了 Network: unavailable 了,检查一下本机的网卡状态吧。如果有虚拟网卡就把用不上的都禁用一下,留下正在使用的再重启项目应该就好了。

module.exports = {
  transpileDependencies: true,
  devServer: {
    host: '0.0.0.0',
    port: 8080,
    public: 'your.public.ip.address:8080', // 用你的公网IP地址或主机名
  },
}

回答

相关文章

nuxt2部署静态化和ssr的时候访问首页先报404再出现首页为什么?
`clip-path` 如何绘制圆角平行四边形呢?
多线程wait方法报错?
VUE 绑定的方法如何直接使用外部函数?
vue2固定定位该怎么做?
谁有redis实现信号量的代码,希望借鉴一下?