vue2+nodejs+express+mysql搭建全栈项目

前言:

    由于是自己尝试搭建的一个简单的nodejs+vue全栈项目,适用于初探nodejs后端领域的前端er。

正文:

    一、安装nodejs

        这个步骤请自行搜多百度经验,进行安装。

    二、初始化前端项目

        1、安装vue

        npm install vue-cli -g     //这个是将vue脚手架进行全局安装。

        2、初始化vue项目(进入自己本地的文件夹)

         vue init webpack '项目名(任意)'      //等待npm包初始化后,进行下一步

        3、安装express、mysql

          npm install express

          npm install 

        4、项目结构

            

        5、搭建nodejs服务器


    6、前端nodejs服务器



    7、本地调试

        node app.js    //启动本地后端服务器

        node webServer.js  //启动nodejs前端静态资源服务器

    8、部署上线(1台web服务器,1台nodejs服务器)

        (1)Linux系统先安装nodejs,并配置全局变量,本地的虚拟机linux需要解开防火墙,否则无法进行测试

        (2)将相关node_modules模块压缩,然后解压至Nodejs服务器上,使用ftp上传压缩包,然后用linux命令进行解压

      (3)将相关node_modules模块压缩,然后解压至web服务器上,再上传dist文件夹至web服务器上,放到node_modules文件夹的同级目录下。

        (4)使用SecureCRT或者xShell分别连接你的服务器,进入项目目录,

                执行node app.js(你的后端服务器文件)  //启动nodejs服务

                执行node webServer.js(你的前端服务器文件) //启动web服务器

     9、nginx对比nodejs

        nginx:

                Nginx支持静态资源的热部署,无需重启服务器即可完成部署。

        nodejs:

                nodejs虽然有相关插件可以自动重启服务器,但不是真正意义上的热部署。

    10、总结

        由于是第一次写这类文章,记录下自己对nodejs的探索之路,还请大家多多支持。

        

猜你喜欢

转载自blog.csdn.net/qq_24182885/article/details/81016843