問題描述：

打開一個鏈接不是提示下載文件而是直接用瀏覽器打開炭分。

實現(xiàn)效果：

彈出下載框，然后選擇本地存儲路徑進行保存乾忱。

實現(xiàn)瀏覽器下載而非打開文件

var e = document.createElement('a');
e.;
e.download = 'filename.md';
e.click();

與NodeJS相結(jié)合

實現(xiàn)流程：

• 后端生成文件并將文件路徑返回給前端娱挨。 * 前端動態(tài)創(chuàng)建a元素， 使其href屬性指向文件路徑洋侨， 并添加download屬性。 * 模擬其點擊事件以實現(xiàn)下載倦蚪。

實例展示

前端

var params = {
  'title': this.post.title,
  'category': this.post.category,
  'content': this.post.content,
  'tags': this.post.tags
}
this.$axios.post('/save', params).then(function(response) {
  console.log(response);
  console.log(window.location.origin, response.data)
  var e = document.createElement('a');
  e.href = window.location.origin.replace('8080', '3333') + '/' + response.data;
  e.download = (params.title || 'NoTitle') + '.md';
  e.click();
}).catch(function(error) {
  // console.log(error);
  // that.error = error.toString()
  that.error = true;
  that.loading = false;
})

后端

【 app.js】

var save = require('./save');
app.use(express.static(path.join(__dirname, 'files')));
//保存到本地
app.post('/save', function(req, res) {
  var post = {
    'title': req.body.title,
    'content': req.body.content,
    'category': req.body.category,
    'tags': req.body.tags
  };
  save.save(post, function(fileName) {
    // 解決方案
    res.send(fileName)
      // 方案1：測試無效希坚，起碼 .md 無效
      // var stats = fs.statSync(filePath);
      // if (stats.isFile()) {
      //   res.set({
      //     'Content-Type': 'application/octet-stream',
      //     'Content-Disposition': 'attachment; filename=' + fileName,
      //     'Content-Length': stats.size
      //   });
      //   fs.createReadStream(filePath).pipe(res);
      // } else {
      //   res.end(404);
      // }
      // 方案2：測試無效，起碼 .md 無效
      // res.download(filePath, fileName, function(err) {
      //   if (err) {
      //     // Handle error, but keep in mind the response may be partially-sent
      //     // so check res.headersSent
      //   } else {
      //     // decrement a download credit, etc.
      //   }
      // });
  }, function() {
    res.end(404);
  });
});

【 save.js】

var fs = require('fs');
var save = {
    save: function(param, callback, callerr) {
      var title = param.title || '';
      var category = param.category || '';
      var tags = param.tags || '';
      var content = param.content || '';
      var filename = (title || 'NOTITLE') + '(' + Date.now() + ')' + '.md';
      var con = "---\r\ntitle: " + title + "\r\ncategory: " + category + "\r\ntags: " + tags + "\r\n---\r\n" + content;
      fs.writeFile('files/' + filename, con, (err) => {
        if (err) {
          callerr && callerr();
          throw err;
          return;
        }
        console.log('The file has been saved!');
        callback && callback(filename);
      });
    }
  }
  // var param={
  //  title:'',
  //  category:'',
  //  tags:'',
  //  content:''
  // }
  // save.save(param);
module.exports = save;