本地前端打包测试路径错误 导致后端启动静态资源 404

[microlong666]

如果直接将前端部分打包放到 /public/build 下后启动后端，出现报错：

GET /index.html -
  --> GET /admin/static/css/xxxxx.chunk.css 404 -
GET /index.html -
  --> GET /admin/static/js/xxxxx.chunk.js 404 -

打开本地 8888 端口跳进了 /admin/login，不能正常访问，而访问 /login 是正常的。

后来我改了前端的 react/src/utils/history.js 的 options.basename，改成 '/'，就能自动跳进 /login ，资源加载正常了。

import { createBrowserHistory } from 'history'

const env = process.env.NODE_ENV  // 环境参数
let options = {}
if (env === 'production') {
    options.basename = '/admin'   // 这里改成 '/'
}

export default createBrowserHistory(options)

作者做展示时在服务器做了 Nginx 就没事，如果本地测试请大家注意。