1.部署vue build之后的dist包
- 申请免费阿里服务器
- 电脑远程桌面连接服务器公网ip
- 上传dist(public:‘./’)包到桌面或者合适位置
- 使用宝塔面板,软件商店,nginx配置location root,之后重启;可以设置多个location ,部署多个项目,如下:如果使用vue router需要local配置下
- location / {
root C:\Users\Administrator\Desktop\dist;
try_files $uri $uri/ @router;
index index.html index.htm;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection “upgrade”;
}
location /yjj {
alias C:\Users\Administrator\Desktop\websocket2;
try_files $uri $uri/ @router;
index index.html index.htm;
}
location /yjl {
alias C:\Users\Administrator\Desktop\websocket1;
try_files $uri KaTeX parse error: Expected 'EOF', got '}' at position 53: … index.htm; }̲ location /… /index.html last;
}
你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。
2.部署node项目
- 上传完整的node项目,包括启动.js文件,package.json,node_module
- 宝塔软件商店安装pm2,选择.js打开
- 根据端口号配置阿里云服务器安全组规则,开放此端口,如下:
3.实现前端websocket和node中websocket
<script>
export default {
name: 'websocketTest',
data