Mac上传前台代码到服务器的步骤

Mac上传前台代码到服务器的步骤 公司内网服务器账号： 192.168.1.109 账号 密码 端口 ### 一、需要的工具及环境 1.FileZilla 工具，用于连接服务器并管理服务器上的文件（增加、删除）  2.Mac终端解压工具，在终端输入以下命令安装解压工具： yum install -y unzip zip; #### 3.安装Java环境： 1.进入官网下载jdk8 : https://www.oracle.com/java/technologies/javase-jdk8-downloads.html 需要登录oracle账号  2.打开终端开始配置： ``` cd ~/ open .bash_profile 在打开的文件末尾加上下面这句，并保存 export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_251.jdk/Contents/Home 其中路径为本地java安装的真实路径 终端输入：java -version ,正确显示java版本号算安装成功~ ``` #### 4.安装Tomcat:(参考：https://www.jianshu.com/p/87121d912d10) 1.下载Tomcat: 打开 Tomcat官网，选择 Tomcat9 下载 https://tomcat.apache.org/download-90.cgi Core: zip (pgp, sha512)  2.本地安装Tomcat： ``` 1.在本机用户的根目录下 创建 java/Tomcat 文件夹，将解压后的 Tomcat9复制到此文件夹中，具体路径： /Users/biyu6/java/Tomcat/apache-tomcat-9.0.34 2.打开终端，开始配置并启动 Tomcat cd /Users/biyu6/java/Tomcat/apache-tomcat-9.0.34 第一次需要对Tomcat进行授权，命令为： chmod -R u+x ./bin cd /Users/biyu6/java/Tomcat/apache-tomcat-9.0.34/bin 在 bin 目录下 使用 ls -la *.sh 命令查看授权情况 -rwxr 标识已经有了执行权限 启动 Tomcat ： 先确定是在 bin 目录下 然后输入： ./startup.sh 命令启动Tomcat(其中”./"代表当前目录下) 关闭 Tomcat ： ./shutdown.sh 命令用于关闭 Tomcat 重启 Tomcat： 先走关闭命令、在执行启动命令 验证： 在浏览器中访问”localhost:8080”,看到了Tomcat界面，则说明Tomcat已经成功启动了，否则是关闭状态 ``` 3.服务器安装Tomcat: ``` 1.使用 FileZilla 工具，连接服务器 2.连接成功后，在远程站点进入 /home 路径下，将下载的 apache-tomcat-9.0.34.zip 拖到 home文件夹下 3.终端连接服务器解压文件： sudo -i ssh [email protected] 输入服务器密码 cd /home 进入服务器的home文件夹 ls 查看该文件夹的目录 unzip apache-tomcat-9.0.34.zip 解压文件 4.启动服务器Tomcat与本地启动Tomcat命令一致 ``` 4.终端连接并启动服务器Tomcat命令： ``` ssh [email protected] 输入服务器密码 cd /home/apache-tomcat-9.0.34 chmod -R u+x ./bin //第一次需要对Tomcat进行授权 cd /home/apache-tomcat-9.0.34/bin ./startup.sh //关闭tomcat命令为： ./shutdown.sh 重启 Tomcat，需要先关闭（./shutdown.sh），然后再启动（./startup.sh） ``` 5.修改Tomcat中访问路径的端口 ``` 本地：/Users/biyu6/java/Tomcat/apache-tomcat-9.0.34/conf/server.xml 服务器：/home/apache-tomcat-9.0.34/conf/server.xml 打开 server.xml文件，修改以下代码中的访问端口号（默认为8080端口） ``` ### 二、上传前端代码到服务器 1.Tomcat中放置前台代码的路径为： /home/apache-tomcat-9.0.34/webapps 2.默认启动的路径放在 webapps/ROOT下，将编译后的dist内的文件（static文件夹、index.html) 上传到服务器ROOT目录下,然后在浏览器中输入： 192.168.1.109 即可打开index.html页面 3.如果有多个APP，可以将编译后的dist文件改名为该APP的名字（例如：gzyt（内含static文件夹、index.html）)，然后将 gzyt 文件夹上传到 webapps目录下，以后可在浏览器中用 192.168.1.109/gzyt 来访问 gzyt 下的 index.html 页面