VUE+NODE.JS+MYSQL前后端

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