Vue CLI是一個基于Vue.js進行快速開發的完整系統，主要用于快速生成Vue項目，提供了開箱即用的構建配置和插件，使開發人員可以專注于編寫應用程序而不是構建配置。

Vue CLI的history模式是一種在應用程序中使用的路由模式，它依賴HTML5的history API來實現無需重新加載頁面的路由切換。使用history模式，應用程序的URL看起來像是這樣的：http://example.com/user/id。這種格式的URL看起來更加整潔，也更加符合用戶的直覺。但是，在使用history模式時需要特別注意，因為不是所有WEB服務器都能夠正確處理這種模式。

//配置路由
const routes = [
{
path: '/',
component: Home
},
{
path: '/about',
component: About
}
]
//創建路由對象
const router = new VueRouter({
mode: 'history', //使用history模式
routes
})
//啟用路由
new Vue({
router,
render: h =>h(App)
}).$mount('#app')

如上所示，通過在Vue CLI中的路由配置中設置mode為history，即可啟用history模式。同時，需要在web服務器上進行一些額外的配置，確保在所有的路由都指向index.html。否則，當用戶通過瀏覽器的地址欄或者前進后退按鈕訪問應用程序路由時，服務器會返回404錯誤。

在Nginx服務器上啟用history模式，可以增加如下配置：

location / {
# 所有的其他請求都交給 index.html 處理
try_files $uri $uri/ /index.html;
}

最后，需要注意的一點是，在使用history模式的情況下，應用程序的根目錄應當使用絕對路徑。在Vue CLI中，可以通過在代碼中使用publicPath設置應用程序的根目錄，例如：

//設置應用程序根目錄
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/production-sub-path/'
: '/'
}

總的來說，Vue CLI的history模式可以讓應用程序的URL看起來更加簡單優雅，提高用戶體驗，但需要在配置中注意一些細節，并且在服務器端進行必要的配置。