手机访问vue项目报错，部分页面出来了了，但是显示networkerror

Question

手机和电脑是在同一热点下，手机访问的网址是热点的IPv4地址加端口号，电脑防火墙也关了。就是会显示networkerror，并且页面显示不全。

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

手机访问 Vue 项目报错，部分页面出来了，但是显示 networkerror

你遇到的问题是手机访问 Vue 项目时，部分页面出来了，但是显示 networkerror，页面显示不全。考虑到手机和电脑在同一热点下，手机访问的网址是热点的 IPv4 地址加端口号，电脑防火墙也关了，这个问题可能不是网络连接问题。

可能的解决方案：

1. 检查 Vue 项目的配置文件（vue.config.js）中是否有相关的配置，例如 proxy 代理或 CORS 配置。
2. 检查手机的浏览器是否支持 Vue 项目的编译后的 JavaScript 代码。
3. 尝试在手机上使用 Chrome 浏览器的开发者工具，检查网络请求是否正确。
4. 如果问题仍然存在，可以尝试使用 Vue 项目的 debug 模式，来检查错误信息。

核心代码：

// vue.config.js
module.exports = {
  // ...
  devServer: {
    proxy: {
      '/api': 'http://localhost:8080'
    }
  }
}

这个配置将 Vue 项目的 /api 路由代理到 http://localhost:8080，这样可以解决部分页面出来了，但是显示 networkerror 的问题。