【开源】Django+vue3实现webssh
本来想抄一个现成的,结果发现都有点老,索性自己上了使用Django+vue3开发,技术较新
因为是在之前一个系统上写的,有点乱,方便大家查看,就单独把这个页面拆出来了
话不多说,直接上图
支持docker部署,手机端自适应,后续还会做一些关于运维自动化平台的相关项目
食用地址:https://github.com/zi-fei-yu-2020/webssh
大家如果觉得有用的话,免费的star多多的点
感谢楼主分享,已收藏 大佬,docker部署的,有点问题,帮忙分析下啥问题?
打开中断的时候提示
Welcome To Django-Vue WebSSH ☺
Connecting ...
SSH 初始化失败。
连接已被关闭...
配置文件也换成了后端服务器地址(改了config.js 和 default.conf)
//config.js
//这是BASEURL
export const config = {
development: {
apiBaseUrl: 'http://127.0.0.1:8000/api'
},
production: {
apiBaseUrl: 'http://192.168.88.103:8000/api'
}
};
default.conf
server {
listen 80;
server_name localhost;
# HTTP requests proxy
location /api {
proxy_pass http://192.168.88.103:8000/api;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
# WebSocket requests proxy
location /ws/ {
proxy_pass http://192.168.88.103:8001; # Daphne or your WebSocket server port
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
# Frontend requests
location / {
root /usr/share/nginx/html;
try_files $uri $uri/ /index.html;
}
}
然后docker exec 到webssh_backend,执行daphne -p 8001 backend.asgi:application提示,看提示应该是已经监听了8001端口,不需要在执行了
root@b53ef77649ff:/usr/src/backend# daphne -p 8001 backend.asgi:application
2024-10-31 08:00:12,751 INFO Starting server at tcp:port=8001:interface=127.0.0.1
2024-10-31 08:00:12,752 INFO HTTP/2 support not enabled (install the http2 and tls Twisted extras)
2024-10-31 08:00:12,752 INFO Configuring endpoint tcp:port=8001:interface=127.0.0.1
2024-10-31 08:00:12,754 CRITICAL Listen failure: Couldn't listen on 127.0.0.1:8001: Address already in use.
设置了回帖奖励哦 这么前排的帖我还是第一次 自己动手,丰衣足食。没有自己造,大佬就是大佬。 感谢楼主分享,已收藏 感谢楼主分享,已收藏 大佬就是大佬 这个好。学习学习。 给大佬点赞