Vue.js是一款流行的前端框架,它的開發工具包含了vue-cli。vue-cli可以用來快速搭建Vue.js項目,并自動生成一些常用的文件和目錄。
其中,devServer是vue-cli提供的服務。通過配置devServer,可以使運行Vue.js項目的過程更加方便和高效。
//bash...
npm run dev
//配置devServer
devServer: {
historyApiFallback: true,//不跳轉
noInfo: true,
overlay: true
}
上述配置中,我們使用了三個選項:
- historyApiFallback:當404時,會跳轉到指定的history模式下的路由中。
- noInfo:不顯示webpack的打包的信息。
- overlay:當編譯出錯時,在瀏覽器頁面上顯示出錯信息。
除此之外,devServer還有很多其他選項可以進行配置,比如:
- contentBase:設置靜態文件的路徑。
- compress:是否啟用壓縮。
- host:設置服務的主機名。
- port:設置服務運行的端口。
- proxy:接口請求代理。
- hot:是否啟用熱更新。
通過對devServer的合理配置,我們可以提高Vue.js項目的開發效率和運行效率。希望以上內容對你有所幫助。
上一篇vue參數值傳遞