vue3 启动项目 Network: unavailable，怎么改？

Question

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

module.exports = {
  transpileDependencies: true,
  public: '0.0.0.0:8080',
}
然后再启动项目就：
> vue_shop@0.1.0 serve C:\Vue\webroot\weishangcheng\vue_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\夕阳\AppData\Roaming\npm-cache\_logs\2023-06-06T15_05_07_388Z-debug.log

Answer 1

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

Answer 2

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

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