opensumi / ide-startup-lite

OpenSumi Lite Web sample
https://opensumi.github.io/ide-startup-lite
MIT License
69 stars 22 forks source link

Ubuntu后台服务器安装-浏览器访问失败 #54

Closed liweijian closed 1 year ago

liweijian commented 1 year ago

把 ide-startup-lite 安装在 Ubuntu 后台服务器

防火墙测试通过

python3 -m http.server 8080

显示:

image

ide-startup-lite 测试

当前只修改了端口,从默认的 8081 改成了 8080:

ubuntu@ub01:~/ide-startup-lite$ grep "8080" webpack.lite.config.js
const port = 8080;

根据这个指引执行:

$ npm run start 

> ide-startup-lite@0.0.1 start
> webpack-dev-server --config ./webpack.lite.config.js

ℹ 「wds」: Project is running at http://127.0.0.1:8080/
ℹ 「wds」: webpack output is served from /
ℹ 「wds」: Content not from webpack is served from /home/ubuntu/ide-startup-lite/dist

 WARNING  Compiled with 2 warnings                                                                                            3:41:12 AM

 warning  in ./node_modules/@opensumi/monaco-editor-core/esm/vs/base/common/performance.js

Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

 warning  in ./node_modules/@opensumi/monaco-editor-core/esm/vs/base/common/performance.js

Critical dependency: require function is used in a way in which dependencies cannot be statically extracted

⚠ 「wdm」: Hash: 98b5e769c51dfbf89e19
Version: webpack 4.46.0
Time: 23801ms
Built at: 04/17/2023 3:41:12 AM

浏览器访问测试 - 失败

image

同一台服务器wget测试 - 成功

image

是什么步骤漏了吗?

erha19 commented 1 year ago

@liweijian 你这里的 npm run start 是开发流程,如果是部署的话,你可以参考这个步骤:

npm i
npm run compile:ext-worker
npm run build

之后的静态文件会被构建在 ./dist 目录下,你将这个目录挂载为静态资源,自定义访问端口,即可正常访问。

liweijian commented 1 year ago
image

@erha19 确实可以访问了,但是为啥是一片空白?(端口是iptable映射,不影响)

后台提示:

image
liweijian commented 1 year ago

换成 serve 同样失败(serve dist -l 8080):

image image

似乎的uri配置问题?因为后台是直接挂在 / 目录(逻辑路径是 dist),而 /ide-startup-lite/ 不存在 cc @erha19

liweijian commented 1 year ago

搞定了,翻了一下代码,发现需要手工修改 cdnBase,把 ide-startup-lite 改成 '' 就没有问题了

企业微信截图_0820faaf-3a46-437d-8ea2-d2090cbb2388 image