Я создаю веб-сайт портфолио, используя React. Я хотел бы, чтобы он автоматически загружал файл PDF при нажатии на ссылку резюме. Тем не менее, это не работает. Я использую npm, и файл не загружается через localhost.
Попытка добавления ссылки и загрузки тега. Также переместил pdf файл в мою общую папку.
На моей странице App.js:
import React from 'react';
import './App.css';
import {Layout, Header, Navigation, Drawer, Content, download} from 'react-mdl';
import Main from './components/main';
import { Link } from 'react-router-dom';
function App() {
return (
<div className="demo-big-content">
<Layout>
<Header className="header-color" title="Title" scroll>
<Navigation>
<Link to="http://localhost:3000/">Home</Link>
<Link to="DeveloperResFINALReactNot.pdf" download>Resume</Link>
<Link to="/aboutme">About Me</Link>
<Link to="/projects">Projects</Link>
<Link to="/contact">Contact</Link>
</Navigation>
</Header>
На моей странице резюме.js:
import React, {Component } from 'react';
class Resume extends Component {
render() {
return(
<div>
<h1> Resume Page </h1>
</div>
)
}
}
export default Resume;
Ожидается загрузка файла резюме после нажатия, вместо этого он просто возвращает пустую белую страницу.
ОБНОВЛЕНИЕ: Решена проблема, заменив ее на:
<a href="DeveloperResFINALReactNot.pdf" download>Resume</a>
Но если кто-нибудь знает, как это сделать, используя ссылку на тег, это будет очень ценно!