今天就跟大家聊聊有關(guān)如何在 history模式中配置vue-cli，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計與策劃設(shè)計,黃石網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:黃石等地區(qū)。黃石做網(wǎng)站價格咨詢:028-86922220

1、配置router/index.js

2、build/utils.js

3、webpack.prod.conf.js，這里配置因為我們的應(yīng)用是個單頁客戶端應(yīng)用，如果后臺沒有正確的配置，當(dāng)用戶在瀏覽器直接訪問 http://oursite.com/user/id 就會返回 404，這就不好看了。

所以呢，你要在服務(wù)端增加一個覆蓋所有情況的候選資源：如果 URL 匹配不到任何靜態(tài)資源，則應(yīng)該返回同一個 index.html 頁面，這個頁面就是你 app 依賴的頁面。

這里可以看官網(wǎng)文檔：https://router.vuejs.org/zh/guide/essentials/history-mode.html

 /

 
 404
 /index.html
 

再配置webpack.prod.conf.js，因為我使用了friendly-errors-webpack-plugin壓縮插件，打包成zip包

看完上述內(nèi)容，你們對如何在 history模式中配置vue-cli有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。