Vue downloads txts via the urls

Answer 1

One way to download a txt-file through a Url-based file in the Vue is as follows: After the back-end returns the txt-file path, the front-end requests the path again. During the request process, the returned text format is set to `blob`, and then the download is based on `blob` and the coding format is set. The sample code is as follows:
```javascript
//Suppose this. Filerul is the ttp address of the txtfile, such as: 192.168.1.1:80//export/log.txt
this.$ axios.get(this.FileUrl, {
responseType: 'blob'//Get file stream
}).then((response) => {
//Create a Blob object with text content
const blob = new Blob((response.data), { type: 'application/;charset=utf-8' })
//create a temporary a tag for download
const a = document.createElement('a')
a.href = URL.createObjectURL(blob)
a.download = fileName
//add a tag to the document, trigger the click event, and then remove the a tag
document.body.appendChild(a)
a.click()
document.body.removeChild(a)
})
```
There is another simple way. If it is in the `vue` page, you can put the txt template file in `static` and then write `file template` in the `vue` page.(Note: The value of the `download` attribute is the download file name.txt.)
Read more exciting novels for free