Spring Boot + React

Question

介紹

我正在嘗試實現非常簡單的CRUD應用程序，它將是一個只有幾個Rest Controller的單頁應用程序。

問題

我在實現過程中遇到的問題是，即使我用React JS編寫的腳本是使用webpack成功構建的，並注入到靜態頁面“ index.html”中，也不顯示內容。

內容正確顯示的情況：

與webpack-dev-server分開運行，
自行在任何瀏覽器中打開index.html頁面

如果不是：

當我嘗試從IDE作為帶有控制器映射的Spring Boot Application運行它時，我一直只得到空白頁。

項目照片

項目結構

這是我的HomeController，負責映射到“ /”下的靜態頁面

@Controller
public class HomeController {

@RequestMapping(value = "/", method = RequestMethod.GET)
public String welcome() {
    return "index";
 }
}

這是我的index.html頁面：

<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="utf-8"/>
   <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
   <meta name="viewport" content="width=device-width, initial-scale=1"/>
   <meta name="description" content=""/>
   <meta name="author" content=""/>
   <title>React</title>
   <!-- Bootstrap Core CSS -->
   <link
       href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/
       cerulean/bootstrap.min.css" rel="stylesheet"/>
<!-- Custom Fonts -->
   <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" 
       type="text/css"/>
   <link href="http://fonts.googleapis.com/css?
        family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" 
        rel="stylesheet" type="text/css"/>
</head>

<body>
   <div id="react"></div>
   <script src="../static/built/bundle.js"></script>
</body>

</html>

可能最后有用的最后一件事是app.js ：

import React from "react";
import ReactDOM from "react-dom";
import { Router, Route, IndexRoute, hashHistory } from "react-router";

import Archives from "./pages/Archives";
import Featured from "./pages/Featured";
import Layout from "./pages/Layout";
import Settings from "./pages/Settings";

const app = document.getElementById('react');

ReactDOM.render(
  <Router history={hashHistory}>
    <Route path="/" component={Layout}>
      <IndexRoute component={Featured}/>
      <Route path="archives(/:article)" name="archives" component={Archives}/>
      <Route path="settings" name="settings" component={Settings}/>
    </Route>
  </Router>,
app);

反射

首先，我想這可能是在路由器和控制器中使用相同URL的問題，但更改它們后仍無法解決問題。 所以我沒有任何想法。

Answer 1

使用Spring Boot提供的默認值時， bundle.js在bundle.js的路徑中包含/static/ 。

在index.html將腳本標簽更新為：

<script src="/built/bundle.js"></script>

Spring Boot + React

問題描述

介紹

問題

項目照片

反射

1 個解決方案

解決方案1
0 2017-09-21 23:14:46

Spring Boot + React

問題描述

介紹

問題

項目照片

反射

1 個解決方案

解決方案1 0 2017-09-21 23:14:46

解決方案1
0 2017-09-21 23:14:46