vue热更新无法关闭_vue 无法热替换/热更新

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

虽然我并不是用对方的方法解决的,也不是如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

}

]

})

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