为非根路径提供表达式的静态文件

时间:2017-03-09 07:06:19

标签: javascript html reactjs express

我使用express来提供反应应用程序(使用Create React App引导)。该项目具有以下文件结构:

|--client/
|    |--build/
|    |    |--static/
|    |    |    |--main.css
|    |    |    |--main.js
|    |    |
|    |    |--index.html
|    |
|    |--public/
|    |--src/
|
|--server/
     |--index.js

build文件夹包含所有静态文件,我想从非root网址提供它们。快速服务器已配置:

app.use('/some_path', express.static(path.resolve(__dirname,'../client/build')));

在我的index.html中,我最初使用href='/static/main.csssrc='/static/main.js的.css和.js文件无法正常工作(404错误),因为我相信服务器会尝试查看对于文件/some_path/static/下的文件而没有找到它们。

当我尝试将index.html中的路径更改为href='/some_path/static/main.css时,我获得了所有请求文件的200个状态(发送的文件与原始文件匹配),但页面上没有任何内容呈现。检查html页面会在正文中显示:

<div id="root">
    <!-- React empty: 1 -->
</div>

知道我在这里做错了什么吗?在使用React Create App时,是否有一些简单的遗漏或需要配置的东西?

0 个答案:

没有答案