码迷,mamicode.com
首页 > 其他好文 > 详细

vue 无法热替换/热更新

时间:2019-05-13 12:28:39      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:href   编译   from   简单   win7   bpa   router   mod   ack   

参考了很多小伙伴的解决办法:

1、https://blog.csdn.net/win7583362/article/details/65443291

2、https://www.jianshu.com/p/23d705829d3b

虽然我并不是用对方的方法解决的,也不是如2)提及的 对文件夹或者文件名称大小写敏感引起的。

依然还是建议大家打开学习一下,因为我是比较粗心的人,??的小伙伴文章所讲的 也许会对你在某些点(我没有注意到的地方)有助益。

热替换/热更新原理??:(引用1)

讲解一下热替换的原理:热替换是在执行npm run dev后,会启动一个本地服务器(webpack-dev-server),这个服务器会观察源代码编译出来的文件。一旦修改了源代码,就会立刻编译源代码,然后观察新编译后的文件,接下来替换。

 

我的解决办法(特别简单)

在router配置加:mode: ‘history‘

意不意外,这个配置是用来去除地址栏hash锚点的。可是 实实在在的其效果了。 

希望你可以自己试试 同时也试试各种情况下的效果。如果有任何问题 欢迎小伙伴加以指正,谢过。

import Vue from ‘vue‘
import Router from ‘vue-router‘
import HelloWorld from ‘@/components/HelloWorld‘
import Upload from ‘@/components/upload‘
import Test from ‘@/Test/Test‘ //和文件大小写无关

Vue.use(Router)

export default new Router({
  mode: ‘history‘, //就是这里
  routes: [
    {
      path: ‘/‘,
      name: ‘HelloWorld‘,
      component: HelloWorld
    },
    {
      path: ‘/upload‘,
      name: ‘Upload‘,
      component: Upload
    },
    {
      path: ‘/test‘,
      name: ‘Test‘,
      component: Test
    }
  ]
})

  

vue 无法热替换/热更新

标签:href   编译   from   简单   win7   bpa   router   mod   ack   

原文地址:https://www.cnblogs.com/ximiximi-blog/p/10855789.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!