vue 無法熱替換/熱更新

參考了小伙伴的解決辦法：

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

雖然我並不是用對方的方法解決的。

依然還是建議大家打開學習一下，因為我是比較粗心的人，👆的小伙伴文章所講的 也許會對你在某些點（我沒有注意到的地方）有助益。

熱替換/熱更新原理⬇️：（引用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
    }
  ]
})