Create React App antd-mobile 打包到子目录下出现无法显示、显示空白、Unexpected token 等问题

首先我的是history模式,服务器是iis

假如我打包之后要放在agent目录下

Create React App antd-mobile 打包到子目录下出现无法显示、显示空白、Unexpected token 等问题_第1张图片Create React App antd-mobile 打包到子目录下出现无法显示、显示空白、Unexpected token 等问题_第2张图片

现在目录情况了解了,再来看代码配置那边

首先是路由,我用的是React-Router4

Create React App antd-mobile 打包到子目录下出现无法显示、显示空白、Unexpected token 等问题_第3张图片

然后package.json

Create React App antd-mobile 打包到子目录下出现无法显示、显示空白、Unexpected token 等问题_第4张图片

最后是config-override.js

(因为这个脚手架隐藏了webpack的配置文件,所以我使用了react-app-rewired,当然你也可以用eject显示webpack的配置文件,然后修改publicPath)

Create React App antd-mobile 打包到子目录下出现无法显示、显示空白、Unexpected token 等问题_第5张图片

最后就是npm run build开始打包

然后把build目录下的文件复制到服务器/agent目录下

(最后在浏览器中localhost:80/agent/...)

另外,至于url重写点我

你可能感兴趣的:(React)