项目结构

superset项目包含前端后台部分,前端部分位于路径“/superset/assets”下。

安装npm依赖包

命令行进入assets目录下,执行npm install(或更快的yarn install)。

修改webpack配置

修改webpack配置文件“superset/assets/webpack.config.js”,其中的proxy改为联调后台服务器的地址,例如服务器ip地址为172.16.2.249,则写为如下形式:

1
2
3
4
5
proxy: {
context: () => true,
'/': `http://172.16.1.119:${supersetPort}`,
target: `http://172.16.1.119:${supersetPort}`,
},

启动本地调试

在assets目录下命令行执行:npm run dev-server

windows环境下webpack打包

windows下执行“npm run build”报错”无法识别NODE_ENV”,解决办法:安装”cross-env”之后,重新执行“npm run build”,即可正常生成打包文件在dist文件夹中

2020年9月补充

●后来开发中发现这样配置之后前端收到的网页内容仍然是从服务器返回的,此方式未被使用;
●superset项目新版本已经明确前后端分离并在文档中给出了前端独立调试的方法;