手头有个需求是将设备上的数据上传到web端,可以查看。需求很简单,我用的是VUE+NODE.JS+MYSQL的方式。
使用vue中的elementui来搭建前端。
node.js监听端口来给前端提供mysql中的数据,设备再连接网络将数据存到服务器mysql中。
列下新学的内容:
1.node文件放在vue项目中的server文件夹下,监听时需在终端调用 node index.js
2.本地测试的话,在vue项目的config/index.js中设置node监听端口
proxyTable: {
'/api': {
target: 'http://127.0.0.1:3000/api',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
3.部署到服务器,用Nginx代理,到官网下载,vue项目打包npm run build,将dist文件夹放到下载的Nginx的html中,在nginx的conf/nginx.conf文件中修改server的listen改变代理端口,再添加 proxy_pass http://127.0.0.1:3000/api来设置node监听的端口。等配置好后运行nginx.exe
server {
listen 8090;//修改代理端口
......
}
///添加node监听端口
location /api {
proxy_pass http://127.0.0.1:3000/api;
}
4.调试nginx配置的时候,在终端输nginx -s reload 重启,不要再次运行nginx.exe
5.停nginx,在任务管理器结束nginx.exe进程,终端输nginx -s quit退出
网友评论