D2Admin 项目部署到服务器

一、服务器上安装

node.js vX.X.X:官网下载需要的版本

SQL SERVER (本项目需要)

apache-tomcat-X.X.X:官网下载需要的版本,解压即可

Pm2:项目根目录路径下命令安装,用于永久执行

Git:没有的话,无法拉取依赖

 

二、部署

1)代码拷贝

(2)npm install:拉取依赖

3npm install pm2@latest -g:安装pm2

4)修改server.js文件内的数据库配置(ip、用户名、密码、数据库名...)

5pm2 start server.js:启动项目后端

6)启动项目前端

·修改根目录下的vue.config.js文件

// 基础路径 注意发布之前要先修改这里

//baseUrl为项目部署的基础路径,应该以 '/' 开始并且以 '/' 结束

//假设你的应用将会部署在域名的根部,比如 https://www.myapp.com/,那么 baseUrl 应该值为 '/'

//如果你的应用时部署在一个子路径下,那么你需要在这里指定子路径。比如,如果你的应用部署在 https://www.XXX.com/myapp/,那么将这个值改为 /myapp/

//const baseUrl = '/myapp/'

const baseUrl = '/'

·运行npm run build,发布打包代码,根目录下会生成dist文件夹:

D2Admin 项目部署到服务器_第1张图片

·启动一个HTTP服务器来运行(Apache Tomcat或者Nginx,这里以Tomcat为例)

1)下载Apche Tomcat,官网http://tomcat.apache.org/ ,下载的是9.0.12版本

D2Admin 项目部署到服务器_第2张图片

2)解压下载的Apche Tomcat

3)配置环境变量(计算机-系统属性-高级系统设置-高级-环境变量-新建(系统变量))

【变量名】:CATALINA_HOME

【变量值】:tomcat解压路径

4)启动Apche Tomcat

打开解压后的文件,进到bin目录,点击运行startup.bat,等待启动成功

5)打开http://localhost:8080/,可以看到服务器已经启动了

D2Admin 项目部署到服务器_第3张图片

6tomcat内文件替换为dist的文件

·因为Tomcat服务器默认运行解压目录下的webapps内ROOT文件夹内的index.jsp,所以才看到了上面这个页面

D2Admin 项目部署到服务器_第4张图片

·运行tomcat解压的bin目录下的shutdown.bat停掉服务器

·删掉ROOT目录下的所有文件

·复制dist内的文件到ROOT目录下

·然后点击运行startup.bat重新起服务器

7)访问http://localhost:8080/,项目就可以访问了

 

**注意1**数据更新后需要重启,步骤如下:

1.重启后端:打开cmd运行命令:pm2 restart server.js

2.重启前端:运行tomcat解压bin目录下的shutdown.bat停掉服务器,然后再点击startup.bat重启

 

**注意2**后台运行tomcat,窗口不显示在任务栏内

1.找到tomcat下bin/setclasspath.bat文件。

2.在文件中找到 set _RUNJAVA="%JRE_HOME\bin\Java", 并修改为set _RUNJAVA="%JRE_HOME\bin\javaw" 。

3.然后重启tomcat,命令行窗口即会消失,不会出现在任务栏上,而只是在后台运行。

 

**注意3** 同个tomcat下部署多个vue项目,步骤如下:

1.打包项目到一个dist文件夹中

2.找到Tomcat解压路径下的wabapps目录

3.wabapps目录新建一个文件夹,例如命名为webtest

4.把dist文件夹里面的文件复制到 webtest中

5.访问端口(默认为8080)加上 webtest就可以访问项目了,例如项目地址 http://localhost:8080/webtest

 

你可能感兴趣的:(D2admin,web,运维部署,vue)