create-react-app 打包部署

方法一

function getServedPath(appPackageJson) {
  const publicUrl = getPublicUrl(appPackageJson);
  const servedUrl =
    envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : './');
  return ensureSlash(servedUrl, true);
}
修改config/paths.js中37行,即可
 

yarn build

打包后,直接路径nginx挂载路径直接到build下,http://localhost:9001即可成功访问

 server {
        listen       9001;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   D:\workspace\citysimulate\build;
            autoindex on;
      }
}

方法二

访问路径需要带上项目名称,如http://locahost:9001/citySimulate
同样需要修改修改config/paths.js中37行,如上面图中所示
然后:

    <Provider store={store}>
        <HashRouter basename="citySimulate">
            ...
        </HashRouter>
    </Provider>

HashRouter中添加basename属性

 

上一篇:docker-compose 搭建 最新版minio 配置(含分布式)


下一篇:fast-poster海报生成器v1.4.0,一分钟完成海报开发