在實際的開發(fā)工作中，難免要配合銷售人員，提前做一些前端的 DEMO 出來。這個時候往往還沒有連接后端 API。假如要演示一個下載連接，那么應(yīng)該如何做呢？

創(chuàng)新互聯(lián)于2013年成立，我們提供高端網(wǎng)站建設(shè)、重慶小程序開發(fā)、電商視覺設(shè)計、app開發(fā)定制及網(wǎng)絡(luò)營銷搜索優(yōu)化服務(wù)，在傳統(tǒng)互聯(lián)網(wǎng)與移動互聯(lián)網(wǎng)發(fā)展的背景下，我們堅守著用標(biāo)準(zhǔn)的設(shè)計方案與技術(shù)開發(fā)實力作基礎(chǔ)，以企業(yè)及品牌的互聯(lián)網(wǎng)商業(yè)目標(biāo)為核心，為客戶打造具商業(yè)價值與用戶體驗的互聯(lián)網(wǎng)+產(chǎn)品。

我們希望能夠達(dá)成以下兩點(diǎn)：

1、在開發(fā)環(huán)境下，我們可以在 webpack-dev-server 開發(fā)服務(wù)器上點(diǎn)擊下載連接，點(diǎn)擊后瀏覽器就能不下載文件。

2、當(dāng)演示的時候，代碼編譯后放到 nginx 中。用戶可以點(diǎn)擊下載鏈接。nginx存放的都是業(yè)務(wù)代碼。

那么如何做到這兩點(diǎn)呢？假如我們要模擬下載一個 test.docx 文件。我們可以利用 url-loader 來對 .docx 文件做處理?？赡苡腥藭枺骸皍rl-loader 一般不是處理 img 標(biāo)簽里面的圖片文件路徑嗎？”為了解決這個 img 標(biāo)簽的問題，我們可以在一個頁面中加上隱藏的圖片標(biāo)簽。最后加一個 a 標(biāo)簽： <a href="/test.docx" rel="external nofollow" rel="external nofollow" >下載</a>。下面的篇幅要幫助讀者搭建一個簡單的項目，來演示這種方法。

* 演示項目 *

項目名稱是blog02，項目目錄結(jié)構(gòu)如下：

blog02
 │
 ├─src
 │ ├─App.vue
 │ ├─home.vue
 │ ├─main.js
 │ ├─test.docx
 │ └─router.js
 │
 ├─.babelrc
 ├─index.template.html
 ├─package.json
 └─webpack.config.js

網(wǎng)頁名稱：Vuejs2+Webpack框架里,模擬下載的實例講解-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://chinadenli.net/article34/dgphse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、Google、軟件開發(fā)、靜態(tài)網(wǎng)站

廣告

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