Создайте приложение реакции, файлы js и css не загружаются в производственную среду - PullRequest
Новая
       32

Создайте приложение реакции, файлы js и css не загружаются в производственную среду

0 голосов
/ 26 апреля 2018

Когда я запускаю приложение локально, все работает нормально, но когда я пытаюсь разместить его в производственной среде, ничего не загружается. Он подходит к index.html, но файлы js и css не загружаются.

URL продукции -> https://stg.abc.com/tools/forecaster. Локальный URL -> http://localhost:8081/tools/forecaster

routes.js 

import React from 'react'
import {
  BrowserRouter as Router,
  Route
} from 'react-router-dom';
import login from './components/login';

const myTool = () => (
  <Router>
    <div>
      <Route exact path="/tools/forecaster" component={login}/>

      <Route exact path="/tools/forecaster_hs" component={login}/>

    </div>
  </Router>
)

export default myTool

server.js 

const express = require("express");
const app = express();
const path = require('path');
const port = process.env.PORT || 8081 ;

app.use(express.static(path.join(__dirname, 'build')));

app.get('/*', (req, res) => {
  res.sendFile(path.join(__dirname, 'public', 'index.html'));
});

app.listen(port);

Запрос приходит до index.html, но js и css не загружаются. Файлы js и css снова загружают файл index.html в браузер.

Генерируемый загружаемый index.html 

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/manifest.json"><title>Partner's Commission Tool</title><link href="/static/css/main.9e6bed86.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="/static/js/main.24508a76.js"></script></body></html>
...