• 部署本地服务器的前端及后端


    一、部署前端(NPM,Nginx)

    1、下载nodejs,具体安装及配置环境(一定要在本机的环境变量中添加)见https://www.cnblogs.com/lgx5/p/10732016.html

    2、nodejs自带npm,配置好nodejs环境变量之后,如下,在IDEA中的配置好node interpreter的路径,npm就可以使用了。(npm可以改为淘宝镜像源)

    3、在IDEA的控制台输入npm install,再输入npm run build,即可将前端代码打包。在前端项目文件下的dist文件夹即是打包后的前端代码。

    4、将dist文件夹拷贝到nginx下的html中,如下图

    5、配置nginx/conf中的nginx.conf文件。可参考https://www.cnblogs.com/mmzuo-798/p/9264893.html

    6、在nginx文件夹的地址栏输入cmd,进入该地址下面的命令行输入:start nginx    此时,前端就搭建成功了。如果想关闭nginx则输入:nginx -s quit

    二、部署后端(SSM、tomcat、redis、activeMQ、mysql)

    1、tomcat配置好环境变量后,用startup.bat启动tomcat,如果打开http://localhost:8080显示的为tomcat主页的话,即配置成功。

    2、关于mysql的配置,网上又很多教程,这里不再赘述,特别注意的是必须要一步一步按照教程配置环境变量。(我用的MySQL5.7,高版本的mysql可能回出现问题,特别注意)

    3、redis基本上不需要配置,如需参考https://blog.csdn.net/scorpio_meng/article/details/80855203

    4、activeMQ也基本上不需要配置,如需参考https://www.cnblogs.com/DFX339/p/9050878.html

    5、SSM项目已将redis配好,注意端口号就行。

    6、在IDEA中打包项目,如下图:

     在文件的target下面复制XXX.war,将之放到tomcatwebapps下。

    7、首先在tomcat中启动startuo.bat,然后在redis中启动redis-server.exe,最后在activeMQ中启动activemq.bat即可。

    注意:

      如果后端只启动tomcat而不启动redis,用postman测试后端接口的时候会报错

      如果想要查看redis是否启动,可以使用RedisDesktopManager

           关于tomcat的配置和使用https://cloud.tencent.com/developer/news/315809           https://blog.csdn.net/u011872945/article/details/80953284

      将tomcat、nginx等全部注册成系统的服务更方便,见https://blog.csdn.net/ak57193856/article/details/80508893

     修改本机防火墙的端口可以让其他计算机访问

    tomcat注册成系统服务:

    进入tomcat的bin目录下,使用命令行service.bat install 服务名即可,若没成功试试以管理员启动cmd

    redis注册成系统服务

    在redis安装目录下,使用cmd命令行:redis-server --service-install redis.windows.conf,即可安装名为Redis的服务

    使用  redis-server --service-start //启动服务

        redis-server --service-stop //停止服务

        redis-server --service-uninstall //卸载服务

      

  • 相关阅读:
    html 锚点
    html table 表格详解
    IE6 不识别css固定元素位置(fixed)属性
    css hack 方法总汇2
    css hack 方法总汇1
    JS刷新父窗口的几种方式
    手动切换选项卡
    自动切换选项卡
    jquery 判断 radio,checkbox,select是否被选中
    EasyUI 各种json数据格式
  • 原文地址:https://www.cnblogs.com/whliscoming/p/12308356.html
Copyright © 2020-2023  润新知