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

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

我們希望能夠達成以下兩點：

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

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

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

* 演示項目 *

項目名稱是blog02，項目目錄結構如下：

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)
當前路徑：http://chinadenli.net/article34/dgphse.html

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

廣告

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