詳解VueCLI3.0腳手架如何mock數(shù)據(jù)-創(chuàng)新互聯(lián)

前后端分離的開發(fā)模式已經(jīng)是目前前端的主流模式，至于為什么會(huì)前后端分離的開發(fā)我們就不做過多的闡述，既然是前后端分離的模式開發(fā)肯定是離不開前端的數(shù)據(jù)模擬階段。

在儋州等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需定制,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),網(wǎng)絡(luò)營(yíng)銷推廣,外貿(mào)網(wǎng)站建設(shè),儋州網(wǎng)站建設(shè)費(fèi)用合理。

我們?cè)陂_發(fā)的過程中，由于后臺(tái)接口的沒有完成或者沒有穩(wěn)定之前我們都是采用模擬數(shù)據(jù)的方式去進(jìn)行開發(fā)項(xiàng)目，這樣會(huì)使我們的前后端會(huì)同時(shí)的進(jìn)行，提高我們的開發(fā)效率。

因?yàn)樽罱约涸谧詫W(xué) Vue 也在自己擼一個(gè)項(xiàng)目，肯定會(huì)遇到使用數(shù)據(jù)的情況，所以就想著如何在前端做一些 mock 數(shù)據(jù)的處理，因?yàn)樽约旱捻?xiàng)目使用的是 vue/cli 3.0 與 vue/cli 2.0 的使用有一些的不同，所以在這里記錄一下。

注意：本文主要說的是如何配置本地靜態(tài)文件的 mock 數(shù)據(jù)的方式

首先我們來說一說vue/cli 3.0 與 2.0 的一些不同：

• 3.0 移除了 static 文件目錄，新增了 public 目錄，這個(gè)目錄下的靜態(tài)資源不會(huì)經(jīng)過 webpack 的處理，會(huì)被直接拷貝，所以我們能夠直接訪問到該目錄下的資源。
• 3.0 移除了 config、build 等配置目錄，如果需要進(jìn)行相關(guān)配置我們需要在根目錄下創(chuàng)建 vue.config.js 進(jìn)行配置即可。

2.0 的文件結(jié)構(gòu)

3.0 的文件結(jié)構(gòu)

可以看到 3.0 版本的腳手架在項(xiàng)目結(jié)構(gòu)上精簡(jiǎn)了很多，看上去沒有那么的繁瑣。接下來我就進(jìn)行 mock 數(shù)據(jù)的配置，再說 3.0 之前，我們先看看 2.0 的時(shí)候我們都是怎么使用靜態(tài)數(shù)據(jù)文件進(jìn)行 mock 的。

2.0 配置

首先，在這個(gè)版本是只有我們的 static 目錄下的文件是可以被訪問到的，所以我們就把靜態(tài)文件放入該目錄下。

// 靜態(tài)數(shù)據(jù)存放的位置
static/mock/home.json

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前文章：詳解VueCLI3.0腳手架如何mock數(shù)據(jù)-創(chuàng)新互聯(lián)
URL地址：http://www.muchs.cn/article24/dhcije.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站改版、關(guān)鍵詞優(yōu)化、營(yíng)銷型網(wǎng)站建設(shè)、商城網(wǎng)站、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)