uni-app 前端页面托管的默认地址进入报错，无法显示和访问

在使用 uni-app 开发项目时，如果你在本地运行项目并尝试访问默认的托管地址时遇到报错或无法显示页面的问题，可能是由于以下几个原因导致的。以下是一些常见的排查步骤和解决方案：

1. 检查项目是否成功启动

• 确保你已经正确启动了项目。在终端中运行 npm run dev 或 yarn dev 来启动开发服务器。
• 如果项目成功启动，终端中通常会显示类似以下的输出：

  DONE  Compiled successfully in 1234ms
  
  > Listening at http://localhost:8080

• 确保你访问的地址与终端中显示的地址一致。

2. 端口冲突

• 默认情况下，uni-app 的开发服务器会使用 8080 端口。如果该端口已被其他应用程序占用，可能会导致无法访问。
• 解决方法是更改端口号。你可以在 package.json 或 vue.config.js 中配置自定义端口：

  // vue.config.js
  module.exports = {
    devServer: {
      port: 8081, // 使用 8081 端口
    }
  };

• 然后重新启动项目并访问新的端口地址。

3. 检查网络设置

• 确保你的网络设置没有阻止本地服务器的访问。
• 如果你使用的是虚拟机或远程开发环境，确保网络配置正确，并且防火墙没有阻止端口访问。

4. 检查浏览器控制台

• 打开浏览器的开发者工具（通常是按 F12），查看控制台是否有任何错误信息。
• 如果有错误信息，根据错误提示进行排查。常见的错误包括：
  • 404 错误：资源未找到，检查路径是否正确。
  • 500 错误：服务器内部错误，检查后端服务是否正常运行。
  • CORS 错误：跨域问题，确保后端服务允许跨域访问。

5. 检查项目配置文件

• 确保 manifest.json 和 pages.json 等配置文件没有错误。
• 检查 manifest.json 中的 router 配置，确保路由设置正确。

6. 清除缓存

• 有时候浏览器缓存可能导致页面无法正确加载。尝试清除浏览器缓存或使用无痕模式访问。

7. 重新安装依赖

• 如果以上方法都无法解决问题，可能是项目依赖出现了问题。尝试删除 node_modules 文件夹并重新安装依赖：

  rm -rf node_modules
  npm install