Не разрешено загружать локальный ресурс [Vue js с Axios]
Я получаю путь к файлу с помощью Axios.get:
C:\Users\me\AppData\Local\Temp\lorem.csv
Синтаксис Axios получить
{
// axios post generate
const URL = '/api/report'+ '/generate'
axios.post(URL, {
report: this.editedItem.report,
values: this.editedItem.values
})
.then(response => {
this.fetchItem()
const URL = '/api/report/path'
axios.get(URL)
.then(response => {
this.path = response.data
})
.catch(err => {
alert(err)
})
})
.catch(err => {
//what happen after error
alert(err)
})
this.close()
}
И я отправляю этот путь в тег
<a :href = "path" download target = "_blank" class = "tabs__item tabs__item--active" style = "position: relative;"><u>{{ path }}</u></a>
but, console says : Not allowed to load local resource: [path]
Я пробовал [не работает]: - узел: __dirname: false, __filename: false - данные типа blob - другой браузер, такой же
Файл является динамическим, сервер создает файл и сохраняет файл в каталоге.
@MonkeyOnARock я использую его.
@NadyaPrabaningrum, вы не используете библиотеку vue-axios. Библиотека vue-axios будет начинаться с this.$http или this.axios. Но это не имеет отношения к вашей проблеме.
Возможный дубликат Не удается открыть локальный файл - Chrome: не разрешено загружать локальный ресурс
если я не использую axios, я не могу получить путь из api @TrevorVarwig
@NadyaPrabaningrum Если я ответил на ваш вопрос, из которого вы комментируете, я думаю, что да, вы можете отметить его как ответ.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы используете Axios в качестве библиотеки внешнего интерфейса, что означает, что он не получает доступа к файловой системе. Not allowed to load local resource: Это говорит вам, что вы пытаетесь взломать песочницу, которая находится в браузере.
Axios специально предназначен для вызова api, хотя вы можете использовать его для таких вещей, как Node, которые имеют доступ к файловой системе с чем-то вроде fs, поэтому вы все равно можете попытаться сделать это при использовании его в браузере.
что мне делать :( Я хочу получить файл по пути, который я получил
Ну, вы могли бы обслуживать его непосредственно из статических файлов в своем проекте vue, используя require, я полагаю, это был бы вариант. Другой вариант - разместить файл где-нибудь и вместо этого предоставить ссылку на файл.
к сожалению файл динамический
@NadyaPrabaningrum Тогда вам придется подумать об обслуживании его с внешнего сервера и, скорее всего, запросить сгенерированную ссылку с помощью API.
Если вы создаете файл на стороне сервера, что мешает вам сделать его доступным оттуда и предоставить ссылку на доступный документ на сервере, который вы можете использовать в своем приложении vue?
Может, попробовать вместо этого использовать
vue-axois?