精华内容
下载资源
问答
  • linux系统如何部署前端项目

    千次阅读 2021-11-17 11:52:45
    文章目录前言二、tomcat服务器1....前端包相当于鱼,而运行前端的服务器相当于鱼缸,今天我们来聊聊前端项目部署的几种方式 二、tomcat服务器 tomcat是一个http和servelt服务器,用户通过浏览器可以对t..
      
    


    前言

    在windows系统中,前端将代码打包后,可以直接通过浏览器进行访问。但是这时的前端包只是运行在浏览器上,而真正前端运行需要以服务器作为依托。前端包相当于鱼,而运行前端的服务器相当于鱼缸,今天我们来聊聊前端项目部署的几种方式


    一、tomcat服务器

    tomcat是一个http和servelt服务器,用户通过浏览器可以对tomcat服务器进行访问。安装前下载jdk,并且配置好环境变量

    1.安装tomcat

    https://tomcat.apache.org/

    在这里插入图片描述
    在tomcat的官方网站中,下载zip或者tar包,也可以通过docker进行安装,安装后在bin目录下启动tomcat。

    2.配置文件

    安装好tomcat后,在安装目录下,存在conf,logs,webapps等文件夹。conf中存在server.xml中可以配置虚拟路径。

    在这里插入图片描述

    将前端dist包放在webapps包下,那么访问的路径为 ip+port://dist 路径(webapps以及以上路径省略)

    在图示host节点中添加 context标签指定静态支援路径

     <Context path="/photo" docBase="D:\web" reloadable="true" /> 
    

    其中path是映射的虚拟路径(可视具体情况配置),docBase是静态资源存放的真实物理路径,reloadable指有文件更新时,是否重新加载,一般设置为true后,tomcat不需要重启启动,自动热加载!

    如果加了contenxt 属性,将静态资源放在D盘web下,那么访问路径为 ip+port://photo


    二 node服务器

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。运行在浏览器上的服务器

    1.安装node.js

    下载地址:

    https://nodejs.org/zh-cn/download/

    配置好环境变量

    2.运行前端包

    进入到包根目录

    npm run start &
    

    三 nginx服务器

    nginx是一个负载均衡,高性能web和反向代理服务器

    1.安装nginx

    下载地址:

    http://nginx.org/en/download.html

    下载后进入bin目录启动

    2.修改配置文件

    找到nginx.conf文件,找到location / 下,修改root 到web包的绝对路径,或者nginx下的相对路径,index换成web包的需要访问的html页面。

            location / {
                root   html;
                index  index.html index.htm;
    
            }
    

    默认访问为 ip ,访问地址为nginx根目录下的html包下的index.html文件

            location / {
                root   /usr/web;
                index  index.html index.htm;
            }
    

    修改访问为/usr/web下的index.html文件 ,访问路径为 ip

    展开全文
  • 1.安装依赖包 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel 2.下载并解压安装包 //创建一个文件夹 cd /usr/local mkdir nginx cd nginx //下载tar包 ...tar -xvf nginx-1.18.0.tar.gz ...

    1.安装依赖包

    yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel
    

    2.下载并解压安装包

    //创建一个文件夹
    cd /usr/local
    mkdir nginx
    cd nginx
    //下载tar包
    wget http://nginx.org/download/nginx-1.18.0.tar.gz
    tar -xvf nginx-1.18.0.tar.gz
    

    3.安装nginx

    //进入nginx目录
    cd /usr/local/nginx
    //进入目录
    cd nginx-1.18.0
    //执行命令
    ./configure
    

    4.执行make

    make
    make install
    

    5.配置nginx.conf

    vim /usr/local/nginx/conf/nginx.conf
    

    6.运行nginx

    /usr/local/nginx/sbin/nginx
    

    注:
    查询进程是否存在
    ps -ef | grep nginx
    杀死进程
    kill -9 xxxx

    展开全文
  • linux 安装tomcat 将tomcat放入 software 临时文件中 解压这个文件 tar -zxf apache-tomcat-8.5.61.tar.gz ---移动到指定目录 mv apache-tomcat-8.5.61 /home/springcloud/vue/ vim server.xml [root@dbs apache...

    linux 安装tomcat

    将tomcat放入 software 临时文件中

    在这里插入图片描述

    解压这个文件

    tar -zxf apache-tomcat-8.5.61.tar.gz
    ---移动到指定目录
    mv apache-tomcat-8.5.61 /home/springcloud/vue/
    

    在这里插入图片描述

    vim server.xml

    [root@dbs apache-tomcat-8.5.61]# cd bin/
    [root@dbs bin]# ll
    总用量 868
    -rw-r-----. 1 root root  36132 12月  3 22:05 bootstrap.jar
    -rw-r-----. 1 root root  16655 12月  3 22:05 catalina.bat
    -rwxr-x---. 1 root root  25121 12月  3 22:05 catalina.sh
    -rw-r-----. 1 root root   1664 12月  3 22:07 catalina-tasks.xml
    -rw-r-----. 1 root root   2123 12月  3 22:05 ciphers.bat
    -rwxr-x---. 1 root root   1997 12月  3 22:05 ciphers.sh
    -rw-r-----. 1 root root  25287 12月  3 22:05 commons-daemon.jar
    -rw-r-----. 1 root root 208136 12月  3 22:05 commons-daemon-native.tar.gz
    -rw-r-----. 1 root root   2040 12月  3 22:05 configtest.bat
    -rwxr-x---. 1 root root   1922 12月  3 22:05 configtest.sh
    -rwxr-x---. 1 root root   9100 12月  3 22:05 daemon.sh
    -rw-r-----. 1 root root   2091 12月  3 22:05 digest.bat
    -rwxr-x---. 1 root root   1965 12月  3 22:05 digest.sh
    -rw-r-----. 1 root root   3460 12月  3 22:05 setclasspath.bat
    -rwxr-x---. 1 root root   3708 12月  3 22:05 setclasspath.sh
    -rw-r-----. 1 root root   2020 12月  3 22:05 shutdown.bat
    -rwxr-x---. 1 root root   1902 12月  3 22:05 shutdown.sh
    -rw-r-----. 1 root root   2022 12月  3 22:05 startup.bat
    -rwxr-x---. 1 root root   1904 12月  3 22:05 startup.sh
    -rw-r-----. 1 root root  51204 12月  3 22:05 tomcat-juli.jar
    -rw-r-----. 1 root root 421399 12月  3 22:05 tomcat-native.tar.gz
    -rw-r-----. 1 root root   4574 12月  3 22:05 tool-wrapper.bat
    -rwxr-x---. 1 root root   5540 12月  3 22:05 tool-wrapper.sh
    -rw-r-----. 1 root root   2026 12月  3 22:05 version.bat
    -rwxr-x---. 1 root root   1908 12月  3 22:05 version.sh
    [root@dbs bin]# sh startup.sh 
    Using CATALINA_BASE:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_HOME:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_TMPDIR: /home/springcloud/vue/apache-tomcat-8.5.61/temp
    Using JRE_HOME:        /usr/local/jdk1.8.0_144/
    Using CLASSPATH:       /home/springcloud/vue/apache-tomcat-8.5.61/bin/bootstrap.jar:/home/springcloud/vue/apache-tomcat-8.5.61/bin/tomcat-juli.jar
    Using CATALINA_OPTS:   
    Tomcat started.
    
    

    在这里插入图片描述
    在这里插入图片描述

    退出到 bin目录 创建 启动tomcat的脚本: vim restartTomcat.sh

    cd bin
    
    sh shutdown.sh
    
    sleep 1
    
    sh startup.sh
    
    cd ..
    
    #打印 核心日志
    tail -f logs/catalina.out
    
    

    sh restartTomcat.sh 启动 tomcat

    29-Dec-2020 00:44:29.810 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/host-manager]
    29-Dec-2020 00:44:29.886 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/host-manager]的部署已在[76]毫秒内完成
    29-Dec-2020 00:44:29.886 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]
    29-Dec-2020 00:44:29.929 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]的部署已在[43]毫秒内完成
    29-Dec-2020 00:44:29.935 信息 [main] org.apache.coyote.AbstractProtocol.start 开始协议处理句柄[“http-nio-8081”]
    29-Dec-2020 00:44:29.959 信息 [main] org.apache.catalina.startup.Catalina.start Server startup in 1262 ms

    到这里 启动成功 前端访问

    在这里插入图片描述

    在这里插入图片描述

    打包前的准备

    在这里插入图片描述

    修改路由

    在这里插入图片描述

    打包前端 工程

    在这里插入图片描述

    打包成功

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    将dist文件中的 文件 传输到 目标文件中 目标文件名

    在这里插入图片描述

    sh restartTomcat.sh 使用启动脚本

    [root@dbs apache-tomcat-8.5.61]# sh restartTomcat.sh 
    Using CATALINA_BASE:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_HOME:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_TMPDIR: /home/springcloud/vue/apache-tomcat-8.5.61/temp
    Using JRE_HOME:        /usr/local/jdk1.8.0_144/
    Using CLASSPATH:       /home/springcloud/vue/apache-tomcat-8.5.61/bin/bootstrap.jar:/home/springcloud/vue/apache-tomcat-8.5.61/bin/tomcat-juli.jar
    Using CATALINA_OPTS:   
    Using CATALINA_BASE:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_HOME:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_TMPDIR: /home/springcloud/vue/apache-tomcat-8.5.61/temp
    Using JRE_HOME:        /usr/local/jdk1.8.0_144/
    Using CLASSPATH:       /home/springcloud/vue/apache-tomcat-8.5.61/bin/bootstrap.jar:/home/springcloud/vue/apache-tomcat-8.5.61/bin/tomcat-juli.jar
    Using CATALINA_OPTS:   
    Tomcat started.
    29-Dec-2020 00:31:40.284 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/host-manager]的部署已在[42]毫秒内完成
    29-Dec-2020 00:31:40.286 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]
    29-Dec-2020 00:31:40.319 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]的部署已在[34]毫秒内完成
    29-Dec-2020 00:31:40.327 信息 [main] org.apache.coyote.AbstractProtocol.start 开始协议处理句柄["http-nio-8081"]
    29-Dec-2020 00:31:40.347 信息 [main] org.apache.catalina.startup.Catalina.start Server startup in 740 ms
    29-Dec-2020 00:44:25.584 信息 [main] org.apache.catalina.core.StandardServer.await 通过关闭端口接收到有效的关闭命令。正在停止服务器实例。
    29-Dec-2020 00:44:25.613 信息 [main] org.apache.coyote.AbstractProtocol.pause 暂停ProtocolHandler["http-nio-8081"]
    29-Dec-2020 00:44:25.616 信息 [main] org.apache.catalina.core.StandardService.stopInternal 正在停止服务[Catalina]
    29-Dec-2020 00:44:25.760 信息 [main] org.apache.coyote.AbstractProtocol.stop 正在停止ProtocolHandler ["http-nio-8081"]
    29-Dec-2020 00:44:25.812 信息 [main] org.apache.coyote.AbstractProtocol.destroy 正在摧毁协议处理器 ["http-nio-8081"]
    29-Dec-2020 00:44:27.950 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log Server.服务器版本: Apache Tomcat/8.5.61
    29-Dec-2020 00:44:28.041 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 服务器构建:        Dec 3 2020 14:03:28 UTC
    29-Dec-2020 00:44:28.042 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 服务器版本号:      8.5.61.0
    29-Dec-2020 00:44:28.042 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 操作系统名称:      Linux
    29-Dec-2020 00:44:28.042 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log OS.版本:           2.6.32-754.el6.x86_64
    29-Dec-2020 00:44:28.042 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 架构:              amd64
    29-Dec-2020 00:44:28.042 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log Java 环境变量:     /usr/local/jdk1.8.0_144/jre
    29-Dec-2020 00:44:28.042 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log Java虚拟机版本:    1.8.0_144-b01
    29-Dec-2020 00:44:28.042 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log JVM.供应商:        Oracle Corporation
    29-Dec-2020 00:44:28.042 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log CATALINA_BASE:     /home/springcloud/vue/apache-tomcat-8.5.61
    29-Dec-2020 00:44:28.044 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log CATALINA_HOME:     /home/springcloud/vue/apache-tomcat-8.5.61
    29-Dec-2020 00:44:28.045 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djava.util.logging.config.file=/home/springcloud/vue/apache-tomcat-8.5.61/conf/logging.properties
    29-Dec-2020 00:44:28.045 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djava.util.logging.manager=org.apache.juli.ClassLoaderLogManager
    29-Dec-2020 00:44:28.046 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djdk.tls.ephemeralDHKeySize=2048
    29-Dec-2020 00:44:28.046 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djava.protocol.handler.pkgs=org.apache.catalina.webresources
    29-Dec-2020 00:44:28.046 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Dorg.apache.catalina.security.SecurityListener.UMASK=0027
    29-Dec-2020 00:44:28.046 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Dignore.endorsed.dirs=
    29-Dec-2020 00:44:28.047 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Dcatalina.base=/home/springcloud/vue/apache-tomcat-8.5.61
    29-Dec-2020 00:44:28.047 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Dcatalina.home=/home/springcloud/vue/apache-tomcat-8.5.61
    29-Dec-2020 00:44:28.047 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djava.io.tmpdir=/home/springcloud/vue/apache-tomcat-8.5.61/temp
    29-Dec-2020 00:44:28.081 信息 [main] org.apache.catalina.core.AprLifecycleListener.lifecycleEvent 在java.library.path:[/u01/app/oracle/product/11.2.0/xe/lib:/lib:/usr/lib:/usr/java/packages/lib/amd64:/usr/lib64:/lib64:/lib:/usr/lib]上找不到基于APR的Apache Tomcat本机库,该库允许在生产环境中获得最佳性能
    29-Dec-2020 00:44:28.609 信息 [main] org.apache.coyote.AbstractProtocol.init 初始化协议处理器 ["http-nio-8081"]
    29-Dec-2020 00:44:28.659 信息 [main] org.apache.tomcat.util.net.NioSelectorPool.getSharedSelector Using a shared selector for servlet write/read
    29-Dec-2020 00:44:28.697 信息 [main] org.apache.catalina.startup.Catalina.load Initialization processed in 1438 ms
    29-Dec-2020 00:44:28.784 信息 [main] org.apache.catalina.core.StandardService.startInternal 正在启动服务[Catalina]
    29-Dec-2020 00:44:28.784 信息 [main] org.apache.catalina.core.StandardEngine.startInternal Starting Servlet Engine: Apache Tomcat/8.5.61
    29-Dec-2020 00:44:28.805 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/examples]
    29-Dec-2020 00:44:29.718 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/examples]的部署已在[905]毫秒内完成
    29-Dec-2020 00:44:29.719 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/ROOT]
    29-Dec-2020 00:44:29.742 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/ROOT]的部署已在[22]毫秒内完成
    29-Dec-2020 00:44:29.743 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/docs]
    29-Dec-2020 00:44:29.772 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/docs]的部署已在[28]毫秒内完成
    29-Dec-2020 00:44:29.772 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/YYCG]
    29-Dec-2020 00:44:29.810 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/YYCG]的部署已在[38]毫秒内完成
    29-Dec-2020 00:44:29.810 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/host-manager]
    29-Dec-2020 00:44:29.886 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/host-manager]的部署已在[76]毫秒内完成
    29-Dec-2020 00:44:29.886 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]
    29-Dec-2020 00:44:29.929 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]的部署已在[43]毫秒内完成
    29-Dec-2020 00:44:29.935 信息 [main] org.apache.coyote.AbstractProtocol.start 开始协议处理句柄["http-nio-8081"]
    29-Dec-2020 00:44:29.959 信息 [main] org.apache.catalina.startup.Catalina.start Server startup in 1262 ms
    ^C
    [root@dbs apache-tomcat-8.5.61]# sh restartTomcat.sh 
    Using CATALINA_BASE:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_HOME:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_TMPDIR: /home/springcloud/vue/apache-tomcat-8.5.61/temp
    Using JRE_HOME:        /usr/local/jdk1.8.0_144/
    Using CLASSPATH:       /home/springcloud/vue/apache-tomcat-8.5.61/bin/bootstrap.jar:/home/springcloud/vue/apache-tomcat-8.5.61/bin/tomcat-juli.jar
    Using CATALINA_OPTS:   
    Using CATALINA_BASE:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_HOME:   /home/springcloud/vue/apache-tomcat-8.5.61
    Using CATALINA_TMPDIR: /home/springcloud/vue/apache-tomcat-8.5.61/temp
    Using JRE_HOME:        /usr/local/jdk1.8.0_144/
    Using CLASSPATH:       /home/springcloud/vue/apache-tomcat-8.5.61/bin/bootstrap.jar:/home/springcloud/vue/apache-tomcat-8.5.61/bin/tomcat-juli.jar
    Using CATALINA_OPTS:   
    Tomcat started.
    29-Dec-2020 00:44:29.886 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/host-manager]的部署已在[76]毫秒内完成
    29-Dec-2020 00:44:29.886 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]
    29-Dec-2020 00:44:29.929 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]的部署已在[43]毫秒内完成
    29-Dec-2020 00:44:29.935 信息 [main] org.apache.coyote.AbstractProtocol.start 开始协议处理句柄["http-nio-8081"]
    29-Dec-2020 00:44:29.959 信息 [main] org.apache.catalina.startup.Catalina.start Server startup in 1262 ms
    29-Dec-2020 00:53:28.801 信息 [main] org.apache.catalina.core.StandardServer.await 通过关闭端口接收到有效的关闭命令。正在停止服务器实例。
    29-Dec-2020 00:53:28.802 信息 [main] org.apache.coyote.AbstractProtocol.pause 暂停ProtocolHandler["http-nio-8081"]
    29-Dec-2020 00:53:28.811 信息 [main] org.apache.catalina.core.StandardService.stopInternal 正在停止服务[Catalina]
    29-Dec-2020 00:53:28.846 信息 [main] org.apache.coyote.AbstractProtocol.stop 正在停止ProtocolHandler ["http-nio-8081"]
    29-Dec-2020 00:53:28.851 信息 [main] org.apache.coyote.AbstractProtocol.destroy 正在摧毁协议处理器 ["http-nio-8081"]
    29-Dec-2020 00:53:30.469 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log Server.服务器版本: Apache Tomcat/8.5.61
    29-Dec-2020 00:53:30.473 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 服务器构建:        Dec 3 2020 14:03:28 UTC
    29-Dec-2020 00:53:30.473 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 服务器版本号:      8.5.61.0
    29-Dec-2020 00:53:30.473 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 操作系统名称:      Linux
    29-Dec-2020 00:53:30.474 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log OS.版本:           2.6.32-754.el6.x86_64
    29-Dec-2020 00:53:30.474 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 架构:              amd64
    29-Dec-2020 00:53:30.474 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log Java 环境变量:     /usr/local/jdk1.8.0_144/jre
    29-Dec-2020 00:53:30.474 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log Java虚拟机版本:    1.8.0_144-b01
    29-Dec-2020 00:53:30.474 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log JVM.供应商:        Oracle Corporation
    29-Dec-2020 00:53:30.474 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log CATALINA_BASE:     /home/springcloud/vue/apache-tomcat-8.5.61
    29-Dec-2020 00:53:30.474 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log CATALINA_HOME:     /home/springcloud/vue/apache-tomcat-8.5.61
    29-Dec-2020 00:53:30.474 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djava.util.logging.config.file=/home/springcloud/vue/apache-tomcat-8.5.61/conf/logging.properties
    29-Dec-2020 00:53:30.475 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djava.util.logging.manager=org.apache.juli.ClassLoaderLogManager
    29-Dec-2020 00:53:30.475 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djdk.tls.ephemeralDHKeySize=2048
    29-Dec-2020 00:53:30.475 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djava.protocol.handler.pkgs=org.apache.catalina.webresources
    29-Dec-2020 00:53:30.475 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Dorg.apache.catalina.security.SecurityListener.UMASK=0027
    29-Dec-2020 00:53:30.476 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Dignore.endorsed.dirs=
    29-Dec-2020 00:53:30.485 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Dcatalina.base=/home/springcloud/vue/apache-tomcat-8.5.61
    29-Dec-2020 00:53:30.485 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Dcatalina.home=/home/springcloud/vue/apache-tomcat-8.5.61
    29-Dec-2020 00:53:30.485 信息 [main] org.apache.catalina.startup.VersionLoggerListener.log 命令行参数:       -Djava.io.tmpdir=/home/springcloud/vue/apache-tomcat-8.5.61/temp
    29-Dec-2020 00:53:30.485 信息 [main] org.apache.catalina.core.AprLifecycleListener.lifecycleEvent 在java.library.path:[/u01/app/oracle/product/11.2.0/xe/lib:/lib:/usr/lib:/usr/java/packages/lib/amd64:/usr/lib64:/lib64:/lib:/usr/lib]上找不到基于APR的Apache Tomcat本机库,该库允许在生产环境中获得最佳性能
    29-Dec-2020 00:53:30.630 信息 [main] org.apache.coyote.AbstractProtocol.init 初始化协议处理器 ["http-nio-8081"]
    29-Dec-2020 00:53:30.652 信息 [main] org.apache.tomcat.util.net.NioSelectorPool.getSharedSelector Using a shared selector for servlet write/read
    29-Dec-2020 00:53:30.670 信息 [main] org.apache.catalina.startup.Catalina.load Initialization processed in 641 ms
    29-Dec-2020 00:53:30.707 信息 [main] org.apache.catalina.core.StandardService.startInternal 正在启动服务[Catalina]
    29-Dec-2020 00:53:30.707 信息 [main] org.apache.catalina.core.StandardEngine.startInternal Starting Servlet Engine: Apache Tomcat/8.5.61
    29-Dec-2020 00:53:30.720 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/examples]
    29-Dec-2020 00:53:31.229 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/examples]的部署已在[505]毫秒内完成
    29-Dec-2020 00:53:31.229 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/ROOT]
    29-Dec-2020 00:53:31.248 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/ROOT]的部署已在[19]毫秒内完成
    29-Dec-2020 00:53:31.250 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/docs]
    29-Dec-2020 00:53:31.271 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/docs]的部署已在[21]毫秒内完成
    29-Dec-2020 00:53:31.271 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/YYCG]
    29-Dec-2020 00:53:31.289 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/YYCG]的部署已在[18]毫秒内完成
    29-Dec-2020 00:53:31.289 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/host-manager]
    29-Dec-2020 00:53:31.325 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/host-manager]的部署已在[36]毫秒内完成
    29-Dec-2020 00:53:31.325 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory 把web 应用程序部署到目录 [/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]
    29-Dec-2020 00:53:31.349 信息 [localhost-startStop-1] org.apache.catalina.startup.HostConfig.deployDirectory Web应用程序目录[/home/springcloud/vue/apache-tomcat-8.5.61/webapps/manager]的部署已在[24]毫秒内完成
    29-Dec-2020 00:53:31.354 信息 [main] org.apache.coyote.AbstractProtocol.start 开始协议处理句柄["http-nio-8081"]
    29-Dec-2020 00:53:31.372 信息 [main] org.apache.catalina.startup.Catalina.start Server startup in 700 ms
    
    

    启动成功 访问 网页成功 这里 登录 可能会有延迟 需要多点几次登录

    在这里插入图片描述

    完成--------------------------------

    展开全文
  • vue前端项目打包使用vscode开发项目在config目录下的prod.env.js文件当中配置我们后端服务器的IP地址和端口号,因为这是在实际的部署当中所以必须要在生成环境下进行项目部署。如图所示:prod.env.js在config目录...

    一. vue前端项目打包

    使用vscode开发项目

    在config目录下的prod.env.js文件当中配置我们后端服务器的IP地址和端口号,因为这是在实际的部署当中所以必须要在生成环境下进行项目的部署。

    如图所示:

    prod.env.js

    在config目录下的index.js文件当中要改assetsPublicPath: ‘./’ 否则不能正确载入静态文件

    build: {

    // Template for index.html

    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths

    assetsRoot: path.resolve(__dirname, '../dist'),

    assetsSubDirectory: 'static',

    assetsPublicPath: './',

    }

    终端输入

    npm run build

    运行此命令行后会自动生成一个dist文件夹,这就是打包后生成的项目文件。之后将此文件夹放到服务器上,路径要与nginx配置路径一致。

    dist

    二. Linux服务器上安装nginx并且进行相关配置

    1. 安装必要软件

    1.1 使用xshell连接终端

    xshell

    1.2 使用xftp传输文件

    xftp

    2. 安装nginx

    2.1 下载nginx

    (两个方法)

    方法一: 下载nginx,然后使用xftp传输到云服务器上

    方法二: 命令行下载

    http://nginx.org/download/

    wget http://nginx.org/download/nginx-1.13.6.tar.gz

    2.2 解压nginx安装包

    进入nginx目录

    tar -zvxf nginx-1.13.6.tar.gz

    cd nginx-1.13.6

    2.4 make编译安装nginx

    ./configure --with-http_ssl_module --with-http_gzip_static_module

    make

    make install

    2.5 启动程序

    cd /usr/local/nginx/sbin/

    ./nginx

    2.6 查看运行状态

    ps aux | grep nginx

    nginx 前端项目代理地址配置

    (Vue项目设置了本地代理,部署到Nginx上需要使用反向代理解决生产环境跨域问题)

    vue项目代理设置

    本地代理地址配置文件 config/index.js

    proxyTable: {

    '/api': {

    target: 'https://api.weixin.qq.com', //请求地址

    changeOrigin: true, //true表示跨域

    secure: false,

    ws: true,

    logLevel: 'debug',

    pathRewrite: {

    '^/api': ''

    }

    },

    '/token': {

    target: 'http://139.9.xxx.77:8089', //请求地址

    changeOrigin: true, //true表示跨域

    secure: false,

    ws: true,

    logLevel: 'debug',

    pathRewrite: {

    '^/token': ''

    }

    }

    },

    nginx代理设置

    在/usr/local/nginx/conf目录下配置nginx.conf文件修改内容

    (1) 修改root,(root为项目打包后文件的存放路径。)

    location / {

    root /home/www/dist;

    index index.html index.htm;

    }

    (2)设置nginx反向代理(解决生产环境跨域问题),代理样式如下

    查看

    location /api/ {

    proxy_pass https://api.weixin.qq.com/;

    add_header Content-Type "text/plain;charset=utf-8";

    add_header 'Access-Control-Allow-Origin' '*';

    add_header 'Access-Control-Allow-Credentials' 'true';

    add_header 'Access-Control-Allow-Methods' 'GET, POST';

    }

    location /token/ {

    proxy_pass http://139.9.xxx.77:8089/;

    add_header Content-Type "text/plain;charset=utf-8";

    add_header 'Access-Control-Allow-Origin' '*';

    add_header 'Access-Control-Allow-Credentials' 'true';

    add_header 'Access-Control-Allow-Methods' 'GET, POST';

    }

    完整配置文件server部分如下

    server {

    listen 8080;

    server_name localhost;

    #charset koi8-r;

    #access_log logs/host.access.log main;

    location / {

    root /home/www/dist;

    index index.html index.htm;

    }

    #error_page 404 /404.html;

    # redirect server error pages to the static page /50x.html

    #

    error_page 500 502 503 504 /50x.html;

    location = /50x.html {

    root html;

    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80

    #

    #location ~ \.php$ {

    # proxy_pass http://127.0.0.1;

    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000

    #

    #location ~ \.php$ {

    # root html;

    # fastcgi_pass 127.0.0.1:9000;

    # fastcgi_index index.php;

    # fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;

    # include fastcgi_params;

    #}

    # deny access to .htaccess files, if Apache's document root

    # concurs with nginx's one

    #

    #location ~ /\.ht {

    # deny all;

    #}

    location /api/ {

    proxy_pass https://api.weixin.qq.com/;

    add_header Content-Type "text/plain;charset=utf-8";

    add_header 'Access-Control-Allow-Origin' '*';

    add_header 'Access-Control-Allow-Credentials' 'true';

    add_header 'Access-Control-Allow-Methods' 'GET, POST';

    }

    location /token/ {

    proxy_pass http://139.9.xxx.77:8089/;

    add_header Content-Type "text/plain;charset=utf-8";

    add_header 'Access-Control-Allow-Origin' '*';

    add_header 'Access-Control-Allow-Credentials' 'true';

    add_header 'Access-Control-Allow-Methods' 'GET, POST';

    }

    }

    conf配置文件的启动

    在实际当中服务器中可能有多个vue前端项目,此时我们只要单独修该conf文件即可,一个前端项目对应的一个conf文件。

    conf启动命令符如下:

    启动项目指定配置文件

    cd /usr/local/nginx/sbin/ ./nginx -c conf/nginx_hwfm.conf

    查看启动进程:

    ps -ef|grep nginx_hwfm

    杀掉进程:

    kill -9 进程号

    查看nginx

    nginx其它常用命令

    (1)启动nginx:

    cd /usr/local/nginx/sbin/

    ./nginx

    (2)查看运行状态

    ps aux | grep nginx

    (3)停止nginx

    ./nginx –s stop

    (4)检查配置文件是否正确

    ./nginx –t

    (5)查看nginx版本

    ./nginx -v

    (6)配置文件位置

    /usr/local/nginx/conf/nginx.conf

    (7)拓展(window下nginx启动命令)

    cd MyDownloads\nginx-1.15.3

    start nginx

    nginx -s stop

    nginx -s reload

    展开全文
  • 这里用的例子是一个用http模块写的简单web项目,要求部署到云服务器,让外界浏览器可以访问。项目基本目录结构如下: 第一步,将项目压缩打包成tar.gz格式,包括项目下的node_modules文件夹。 第二步,将这个.tar...
  • 每个人的前半生,都在不停地做加法。可到了后半生,我们就要学会不断地做减法。 目录 ...1、准备nginx.conf.template、Dockerfile、dist(前端项目build后的包) 2、部署项目 知识点(需要...
  • 用nginx部署前端项目

    千次阅读 2021-03-21 11:23:03
    前端的默认首页使用 index.html, 在部署的时候会用到该页面。 将打包好的前端页面放在服务器(centos 或 ubuntu) 指定路径 , 如 /home/project/shopping, 项目包含js,css和html等 ubuntu安装nginx sudo su ...
  • 安装nginx,安装在/usr/local下 wget -c https://nginx.org/download/nginx-1.10.1.tar.gz # 解压缩 tar -zxvf linux-nginx-1.12.2.tar.gz cd nginx-1.12.2/ # 执行配置 ./configure # 编译安装(默认安装在/usr/...
  • 一、pull下载nginx镜像包 docker pull nginx 二、查看nginx镜像里面配置文件、日志等文件的具体位置 1、列出容器内当前所有文件夹 ls -l 2、找到镜像中nginx.conf配置文件路径/etc/nginx/nginx...三、在linux系统中创
  • Linux部署前端脚本

    2021-03-09 19:42:48
    在没有自动化部署的情况下,每次提交完代码,都要在服务器拉代码,然后build,很麻烦,这里写了一个小脚本完成拉代码,build,实时打印log的功能,命名为run.sh,每次上传代码后,进入到指定的文件夹直接 ./run.sh...
  • Linux系统下nginx的离线安装 ...Stable version:最新稳定版,生产环境建议使用的版本 Legacy versions:遗留的老版本的稳定版 这里下载的是linux版本的最新稳定版本nginx-1.18.0.tar.gz 下载完成后..
  • 一、云服务器的申请 1、申请服务器:这里选用的是腾讯云的轻量应用服务器...3.安装和配置宝塔 Linux 面板(看个人操作习惯) 更新系统和软件包 yum update -y 安装一些软件包 yum install -y curl vim wget unzip .
  • docker容器化部署nginx前端项目

    千次阅读 2021-11-19 11:39:33
    在管理页面启动容器后,就可以在浏览器访问项目拉。 访问不到时,可以看下是否防火墙未关闭。 查看防火墙状态 firewall-cmd --state 停止firewall systemctl stop firewalld.service 禁止firewall开机启动 systemctl...
  • Linux安装JDK 1. 工作目录说明 命令: 进入工作目录 cd /usr/local/src 2. 上传安装包 JDK安装包 拖拽文件,实现文件上传。 解压文件   命令1: 解压指令 tar -xvf jdk-8u51-linux-x64.tar.gz 命令2: 删除...
  • 情况描述:前端项目是vue项目,把项目打包后部署到服务器,服务器是linux系统。 需要用到的软件:Xshell,Xftp 适用对象:前端小白(大佬们就不要看了,写得一般般,羞羞) 首先本地用Xshell连接服务器 打开Xshell...
  • 前端项目打包下载nodejs下载地址:https://nodejs.org/en/download/执行npm -v,查看安装是否成功。下载nodejs依赖包在项目目录下执行 npm iCompiled successfully!The app is running at:http://localhost:8007/...
  • 前端项目部署流程

    千次阅读 2021-10-28 10:47:00
    选择的服务器操作系统是linux,下面我们开始从0开始部署一个前端项目到服务器。 步骤: 一、链接服务器 (1). 我们需要先在自己电脑链接我们的服务器,我使用的是xshell工具。 # 通过ssh @root[ipaddress] 来链接...
  • 一、tomcat部署前端 这里我使用的事linux环境,windows下类似。 1、下载tomcat tomcat下载官网 版本很多,下载常用的支持Java8的就行。 选择对应系统类型的文件 2、查看tomcat目录 我下载的是Linux版本,windows...
  • 摘要本文主要讲解mall前端项目mall-admin-web的在Windows和Linux环境下的安装及部署。Windows下的安装及部署下载nodejs并安装下载mall-admin-web的代码从IDEA中打开mall-admin-web项目打开控制台输入命令安装相关...
  • 使用docker在服务器上部署Vue前端项目 1,将vue项目打包 #安装 npm install #打包 npm run build 注:具体打包命令要看vue项目根目录下package.json文件中怎么定义 比如下图,则打包命令为 npm run build:prod 2,...
  • Linux服务器 前后端web项目部署服务器及系统选择一、连接服务器二、安装配置环境1. 下载nodejs2. 下载mysql 8.03.下载nginx三、部署web项目1. 前端部署2. 后端部署四、成功展示 服务器及系统选择 服务器学生党推荐...
  • 如何在Linux服务器上部署一个前后端分离的项目写在前面后端部署JDK、Tomcat、Mysql的安装后端代码打成jar包运行后端代码前端部署二级目录三级目录 写在前面 篇文章刚把一个完整的前后端分离项目给拉到本地跑了起来...
  • 阿里云购买云服务器 二、终端ssh登陆远程服务器 2.1 登陆远程服务器 2.2 安装宝塔面板 去宝塔官网点击Linux版 点击立即安装 复制安装代码到链接的终端: 打y回车 安装完之后访问它给你的网站就可以了,...
  • CentOS服务器 部署前端项目安装 finalShell 连接服务器安装 docker(Docker Engine-Community社区版)Docker安装 nginx前端项目打包上传nginx代理 安装 finalShell 连接服务器 地址 http://www.hostbuf.com/ 安装之后...
  • 楼主是一只前端小菜鸟,因为需要部署自己的项目,所以后端接口是基于NodeJs的,部署过程仅供参考。 Linux常用指令复习: ls:展示当前文件夹中的内容 pwd:展示当前文件夹路径 cd / :返回根目录 mkdir 目录名:...
  • 最近做了一个前后端分离的商城项目来熟悉开发的整个流程,最后希望能有个正式的部署流程,于是试着把项目放在云服务器,做了一下发现遇到了不少问题,借此记录一下整个部署的过程。 使用的技术栈如标题所说大体...
  • 一、安装nodejs1、去官网下载和自己系统匹配的文件:英文网址:https://nodejs.org/en/download/中文网址:http://nodejs.cn/download/通过 uname -a 命令查看到我的Linux系统位数是64位(备注:x86_64表示64位系统,...
  • 后台部署环境需求: (远程连接工具:官网下载很简单) 文件传输工具( https://filezilla-project.org/download.php?type=client)mvn项目首先在云服务器(在服务器安装jdk和vsftpd)在云服务器搭建一个vsftpd服务$ ...
  • 前后端分离的项目如何部署发布到Linux前期准备1、服务器的基本配置信息2、本机远程连接服务器的工具(xshell、xftp或者mobaXterm等等,看你自己喜欢)第一步:部署环境1、安装jdk2、安装tomcat3、安装数据库(MySQL、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 60,726
精华内容 24,290
关键字:

linux上部署前端项目

linux 订阅