javascript - React 构建 block 文件和 list json 中出现意外语法错误

Question

我想从 {baseurl}/admin/提供我的 React 应用程序。我做了一些研究并找到了这个解决方案 -

我的特快代码-

app.use('/admin/', express.static(path.join(__dirname, '/admin/frontend/')));
app.get('/admin/*', (req, res, next) => 
{
    res.sendFile(path.join(__dirname, '/admin/frontend/index.html'));
});

我还在我的 package.json 文件中添加了“主页”-

"proxy": "http://localhost:5000",
"homepage": "."

还更改了manifest.json中的starturl

"start_url": "./index.html",

此外，我还更改了 React 路由器的基本 url -

<Router basename="/admin">
...
</Router>

现在，当网址如下所示时，此设置可以正常工作 -本地主机:5000/admin/{某事}但当 url 变得更深入时会失败，例如 -本地主机:5000/admin/{something}/....

当我尝试加载像上面这样的 chrome 控制台的网址时，会出现此错误 -

Uncaught SyntaxError: Unexpected token '<' 2.bb5676a4.chunk.js:1 
​Uncaught SyntaxError: Unexpected token '<' main.0173e5ea.chunk.js:1

感谢您的帮助!

Answer 1

我找到的最简单的解决方案，因为您的索引文件名为 index.html就是删除你的 app.get('/*', ...)完全一致。

app.use('/admin/', express.static(path.join(__dirname, '/admin/frontend/')));

这应该足以服务 /admin/和/admin/index.html .

如果您需要使用不同的默认路由，请添加index选项您的 express.static()调用:

app.use('/admin/', express.static(path.join(__dirname, '/admin/frontend'), { 
    index: 'index.htm' 
}));