vue2项目启动问题

关于vue项目启动不能显示network，以及network无法访问的问题？

端口被占用或者代理配置有问题导致无法显示Network或无法访问网络

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你看下这篇博客吧, 应该有用👉 ：Vue2 创建项目启动无network显示以及配置后避免vue启动时页面访问0.0.0.0
• 除此之外, 这篇博客: vue-app项目知识点总结（一）中的 network 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  
  • 请求拦截器的作用是在请求发送前进行一些操作，统一做了处理如果以后要改也非常容易。
  • 响应拦截器的作用是在接收到响应后进行一些操作，例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页。

  request.js

  import axios from 'axios'
  
  export function request(config) {
    //1.创建axios的实例
    //这个根路径我们定义在instance中，如果有其他的根路径我们就可以在定义一个instance2
    //我们定义的这个instance本身的返回值就是promise
    const instance = axios.create({
      //请求的根路径，因为前面都是一样的所以我们拿到这里
      baseURL:'http://152.136.185.210:8000/api/n3',
      //超时时间设置
      timeout:5000
    })
    //2.axios拦截器
    //拦截去用于我们在发送每一次请求或者得到相应的结果后，进行相应的处理
    instance.interceptors.request.use(config =>{
      // 请求拦截
      return config//拦截掉之后还要原封不动的返回出去
    },err =>{} );
    instance.interceptors.response.use(res => {
      // 响应拦截
      //拦截成功
      return res.data
    },err =>{
      // 拦截失败
      if (err && err.response) {
        switch (err.response.status) {
          case 400:
            err.message = '请求错误'
            break
          case 401:
            err.message = '未授权的防问'
            break
        }
      }
      return err
    });
    //3.发送真正的网络请求
    return instance(config)
  }
  

  
  如下图
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

vue3是在vite.config.js中配置 server: { host: '0.0.0.0' } 即可。你可以参考一下