Question

我现在已经有几天这个问题了。我的问题是：在我的.vue页面中，我创建了以下链接以下载简单的PDF文件：

<a href= {{ asset('download/form.pdf') }}> Download here. </a>

（链接正常显示。）

刀片：

@extends('layouts.esic')   
@section('content')
<solicitante></solicitante>
@endsection

但是当我点击这里下载时，我收到了一个错误：

Sorry, the page you are looking for could not be found.

我的意思是。该文件放在公共文件夹中，代码似乎没问题。我错过了什么吗？

干杯！

Answer 1

要使其可以从网络访问，您需要创建从公共/存储/下载到存储/应用程序/公共/下载的符号链接

ln -s / home / vagrant / Code / laravel-project-name / storage / app / public / download / home / vagrant / Code / laravel-project-name / public / storage / download

Answer 2

如果您的下载文件夹位于公共文件夹，则可以使用props来导入您的特定文件。

laravel Blade

 @extends('layouts.esic')   
    @section('content')
    <solicitante :pdf ="{{ json_encode(asset('download/form.pdf')) }}"></solicitante>
    @endsection

组件vue。（像这样的东西）

<template>
<a href= {{ pdf }}> Download here. </a>
</template>

<script>
export default {
 props: ['pdf'],

 ..............

我不确定你是否正在寻找这种方式，（分享一些想法:)

Answer 3

如果您只想在vue中插入链接

，请尝试使用此链接

<a v-bind:href="url">{{ url }}</a>

export default {
  data() {
    return  { url: 'http://anywhere.com'  };
  }
}

希望这有帮助：）

使用Laravel和Vue

3 个答案: