Tôi đang xây dựng một ứng dụng phản ứng nhỏ và hình ảnh cục bộ của tôi sẽ không tải. Hình ảnh như placehold.it/200x200tải. Tôi nghĩ có lẽ nó có thể là một cái gì đó với máy chủ?
Đây là App.js của tôi
import React, { Component } from 'react';
class App extends Component {
render() {
return (
<div className="home-container">
<div className="home-content">
<div className="home-text">
<h1>foo</h1>
</div>
<div className="home-arrow">
<p className="arrow-text">
Vzdělání
</p>
<img src={"/images/resto.png"} />
</div>
</div>
</div>
);
}
}
export default App;index.js:
import React, { Component } from 'react';
import { render } from 'react-dom';
import { Router, Route, Link } from 'react-router';
import { createHistory } from 'history';
import App from './components/app';
let history = createHistory();
render(
<Router history={history} >
<Route path="/" component={App} >
<Route path="vzdelani" component="" />
<Route path="znalosti" component="" />
<Route path="prace" component="" />
<Route path="kontakt" component="" />
</Route>
<Route path="*" component="" />
</Router>,
document.getElementById('app')
);và server.js:
var path = require('path');
var express = require('express');
var webpack = require('webpack');
var config = require('./webpack.config.dev');
var app = express();
var compiler = webpack(config);
app.use(require('webpack-dev-middleware')(compiler, {
noInfo: true,
publicPath: config.output.publicPath
}));
app.use(require('webpack-hot-middleware')(compiler));
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, 'index.html'));
});
app.listen(3000, 'localhost', function(err) {
if (err) {
console.log(err);
return;
}
console.log('Listening at http://localhost:3000');
});
4
Điều này thường có nghĩa là máy chủ web cục bộ của bạn không cung cấp hình ảnh hoặc url bạn chỉ định không chính xác. Mở bảng điều khiển trình duyệt của bạn và kiểm tra xem bạn có gặp bất kỳ lỗi nào như 404 không.
—
Mario Tacke
Mọi người! chỉ sử dụng
—
request
require(). ví dụ: src = {
