vue2项目中vuecli4.5热更新失效问题

在公司电脑开发中,网络被限制内网访问,本地启动vue2项目后发现热更新失效,修改配置也无效,发现sockjs-node/info?t= 一直失败,发现启动项目后,Network地址不能访问,修改vue.config.js后问题解决,只针对网络被限制的情况:

  devServer: {
    host: 'localhost', // 只开启本地
    port: 8080, // 端口号
    disableHostCheck: true,
    https: false, // 
    open: false, // 配置自动启动浏览器
    hotOnly: true, // 热更新
    proxy: {
      '/api': {
        target: 'https://www.baidu.com',// 代理地址
        changeOrigin: true,
        // ws: true, // websocket支持
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }

启动后:

App running at:
  - Local:   http://localhost:8080/
  - Network: http://localhost:8080/
  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue-cli是一个基于Vue.js的脚手架工具,可以帮助我们快速搭建Vue项目。在使用Vue-cli创建的项目,我们可以使用热更新功能,即在修改代码后,浏览器会自动刷新,以便我们能够及时查看修改的效果。 然而,有时候我们会发现在使用热更新功能时,更新速度较慢。有以下几个可能的原因: 1. 项目过大:如果项目文件较多或者代码复杂度较高,热更新的速度可能会受到影响。在这种情况下,可以优化代码结构,减少不必要的文件或代码,以提高热更新的速度。 2. 网络问题热更新功能需要通过网络传输文件,如果网络不稳定或速度较慢,也会导致热更新慢。可以考虑切换到更稳定的网络环境,或者使用代理进行加速。 3. 资源缓存:浏览器会将经常访问的文件进行缓存,下次访问时可以直接从缓存获取,而不是重新下载。这也包括热更新相关的文件。如果热更新慢,可能是因为浏览器仍然使用了缓存的旧文件。可以尝试清除浏览器缓存,或者使用无缓存模式进行调试。 4. 其他原因:除了上述可能的原因外,还有一些其他因素可能影响热更新的速度,比如电脑性能、浏览器类型等。可以尝试在不同的环境或机器上运行,看是否有改善。 总结来说,Vue-cli项目热更新慢可能是因为项目过大、网络问题、资源缓存等原因导致的。我们可以通过优化代码结构、切换网络环境、清除缓存等方式来提高热更新的速度。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值