VUE运行项目后，只有local地址，没有network地址（添加nerwork地址）

作者：System 时间：2024年08月20日分类：所有,vue.js 字数：624

在Vue项目中，如果你想要添加一个network地址，通常是指你想要让你的项目可以通过网络（即外部设备）访问。Vue项目在开发模式下默认只能通过localhost或127.0.0.1访问，要使其可以通过网络地址访问，你需要做以下几步：

下面是一个简单的vue.config.js配置示例：




module.exports = {
  devServer: {
    host: '0.0.0.0'
  }
}

在这个配置下，你的Vue项目将可以通过你电脑所在网络的IP地址访问。

如果你是在本地网络中，你可以通过运行ipconfig（Windows）或ifconfig（macOS）命令找到本机的IP地址，然后在同一网络的其他设备上使用这个IP地址加上你设置的端口号（默认是8080）访问你的Vue项目。

如果你是要部署到外网服务器，你需要将你的Vue项目部署到一个服务器上，并确保服务器正确配置了反向代理。

注意：直接将开发服务器暴露在公网可能会带来安全风险，请在了解风险的情况下进行操作。