美文网首页
VUE+NODE.JS+MYSQL前后端

VUE+NODE.JS+MYSQL前后端

作者: qppqp | 来源:发表于2021-10-15 15:32 被阅读0次

    手头有个需求是将设备上的数据上传到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退出

    相关文章

      网友评论

          本文标题:VUE+NODE.JS+MYSQL前后端

          本文链接:https://www.haomeiwen.com/subject/xosmoltx.html