vue 运行后本地地址可以访问，但是网路地址访问报404

如果你在本地通过localhost或者127.0.0.1可以访问到Vue应用，但是通过网络地址却无法访问，可能是因为你的Vue应用只监听了本地地址，而没有监听外网地址的原因。

Vue应用启动时，默认只监听本地地址，这是为了防止未授权的访问。如果你想让Vue应用可以通过网络地址访问，需要将Vue应用的监听地址改为0.0.0.0，这样Vue应用就会监听所有可用的地址。

你可以在Vue项目的配置文件（vue.config.js）中添加以下代码来设置监听地址：

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

这样，当你运行Vue应用时，它就会监听所有可用的地址，包括本地地址和网络地址。然后你就可以通过外网地址访问Vue应用了。

另外，如果你在部署Vue应用时遇到404错误，可能是由于服务器没有正确配置或者部署路径不正确导致的。你需要检查服务器配置和部署路径，并进行相应的调整。

相关问题

vue 项目部署后 接口访问404

通常情况下，如果在 Vue 项目本地运行时接口是可以正常访问的，但是部署到服务器上后却出现了404错误，那么这可能是由于以下原因导致的：

1. 路由配置错误：在 Vue 项目中，路由配置是非常重要的一部分。如果路由配置不正确，就会导致接口无法访问。你需要检查一下你的路由配置以及访问接口的路径是否正确。

2. 接口地址错误：当你在 Vue 项目中使用 axios 或者其他网络请求库来访问接口时，需要确保接口地址是正确的。你需要检查一下你的接口地址是否正确。

3. 服务器配置错误：如果你将 Vue 项目部署到了服务器上，那么你需要确保服务器的配置是正确的。你需要检查一下服务器的配置文件以及网络访问权限是否正确设置。

4. 跨域问题：如果你的 Vue 项目和接口不在同一个域名下，那么可能会出现跨域访问的问题。你需要在服务器上设置跨域访问的相关配置。

总之，你需要仔细检查以上几个方面的问题，才能找到接口访问404的原因。

电脑和手机在同一个wifi下怎么访问本地vue项目地址

首先，需要确保电脑和手机都连接在同一个WiFi网络下。

然后，在电脑上启动Vue项目，可以通过命令 `npm run serve` 或者 `yarn serve` 启动本地开发服务器。默认情况下，Vue项目会在本地的 `http://localhost:8080/` 地址上运行。

接着，在手机上打开浏览器，输入电脑的局域网IP地址和端口号，例如 `http://192.168.0.100:8080/`，就可以访问电脑上运行的Vue项目了。其中，`192.168.0.100` 是电脑的局域网IP地址，可以在电脑上通过命令 `ipconfig` 查看。