我在解决我的创建 React 应用程序的路径时遇到了节点问题。
问题：
资产(块.js(文件解析为相对路径，而不是 绝对路径。
当我从根文件夹 (example.com( 访问该网站并点击/games/URL 时，它工作正常。但是，如果我刷新，它会/games附加到 URL 中。
例如：
http://movies-finder.surge.sh/movies/419704
^ 访问页面并刷新页面。
正确链接：
https://example.com/static/js/main.b9f8ee12.chunk.js
链接不正确：(当用户刷新页面时会发生这种情况(
https://example.com/games/static/js/main.e50e1c49.chunk.js
我只是想确保，当我的资产被访问时，我不会遇到/games。
(不需要/games/(因此破坏了:(
文件夹结构：
-/
- server.js
- public
- index.html
- package.json
- Build
Package.json：
{
"name": "games-finder",
"version": "0.1.2",
"private": true,
"homepage": ".",
"proxy": "http://localhost:3001/",
"dependencies": {
// dependencies
},
"devDependencies": {
// dev dependencies for the project.
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"server": "node-env-run server.js --exec nodemon | pino-colada",
"dev": "run-p server start",
"heroku-dev": "run-p server start"
}
}
服务器.js：
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
const port = process.env.PORT || 3001;
const path = require('path');
app.use(bodyParser.urlencoded({ extended: false }));
app.use(pino);
app.get('/api/greeting', (req, res) => {
const name = req.query.name || 'World';
res.send(JSON.stringify({ greeting: `Hello ${name}!` }));
});
if (process.env.NODE_ENV === 'production') {
// Serve any static files
app.use(express.static('build'));
// Handle React routing, return all requests to React app
app.get('*', (req, res) => {
res.sendFile(path.resolve(__dirname, 'build', 'index.html'));
});
}
app.listen(port, () => console.log(`Listening on port ${port}`));
请帮我确定问题。我花了几天时间试图调试这个问题。
我只是想确保，当我的资产被访问时，我不会遇到/games。
发生这种情况是因为您的 package.json 中"homepage": "."，请尝试删除此行。
详细说明在这里 https://stackoverflow.com/a/58508562/9173730