国产化中间件TongWeb部署Vue项目(最全)

安装TongWeb中间件

官网 : 点我
可以试用,这里如果没有授权文件安装都安装不了,所以可以去官网申请试用

cd /

mkdir /software

将下载好的压缩包或者安装文件放入这个文件夹
这里我会分两种方法 : 1 免安装直接文件夹 2. bin文件安装

免安装直接文件夹安装

  1. 如果你是直接有免安装文件夹的话那么就不用安装了,直接将文件夹拖入到当前目录,就会有一个这个文件
    在这里插入图片描述
  2. 解压压缩包
tar -zxvf TongWeb7.0.4.4_P1_Enterprise_Linux.tar.gz (这里选择你们自己的压缩包名)
  1. 这时候解压完你们会看到一个文件夹

在这里插入图片描述

cd TongWeb7.0.4.4_P1_Enterprise_Linux (写文你的件夹名)
  1. *******这一步非常重要 ********
    你必须拿到一个叫.dat的文件,这个就是授权文件,可以去官网购买或试用
    文件如下,名字必须改为license.dat
    在这里插入图片描述5.当我么进入到目录的时候我们需要把授权文件拖到TongWeb安装目录的根目录(如下图)
    在这里插入图片描述
  2. 这时进入TongWeb安装目录的bin目录
cd bin

这时候我们会看到一系列可执行脚本
在这里插入图片描述
6. 启动我们TongWeb

./startservernohup.sh  #后台启动, 控制台关闭程序不会关闭
./startserver.sh       # 控制台启动,控制台关闭程序关闭
./stopserver.sh       # 关闭服务
  1. 当日志中出现如下一行,没有异常信息,说明TongWeb7.0启动成功。
    在这里插入图片描述

  2. 在客户端打开浏览器, 输入TongWeb7.0控制台地址:
    http://你的服务器ip:9060/console,端口9060,前缀console,显示出TongWeb7.0控制台首页
    面,输入用户名/密码(默认值:thanos/ thanos123.com)登录控制台。
    首次登录会让你改密码,请记住你修改的密码!!!

  3. 登录完成后会进入这个页面,那么恭喜你安装完成在这里插入图片描述

bin文件安装

  1. 将下好的bin文件放到/softwar里面
    在这里插入图片描述
  2. 安装
chmod +x  Install_Tw6 .1.7.3_ Enterprise_Linux.bin   #赋予权限
执行命令./ Install_Tw6 .1.7.3_ Enterprise_Linux.bin -i console  #开始安装。
  1. 出现如下信息的后,请输入下图中所述的 1 或者 2 或者直接回车表示默认为 2
    在这里插入图片描述
  2. 然后前面三个是同意协议, 然后回车就完事儿了
  3. 进入选择Java VM,默认为当前系统正在使用Java VM。
    在这里插入图片描述
  4. 反正一步一步选,不会的百度翻译, 出现以下信息,安装完成,请按回车键退出程序。 在这里插入图片描述
    然后跟上面卖男装目录一样执行就行了

打包Vue项目

  1. 将打包好的Vue项目解压此时会生成一个文件夹,进入文件夹会到如下在这里插入图片描述
  2. 创建文件夹WEB-INF,并且进入文件夹创建文件web.xml
    在这里插入图片描述
  3. 配置文件里写如下内容
<?xml version="1.0"?>
<web-app>
    <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>
  1. 然后回到Vue主目录,输入cmd回车在这里插入图片描述5 . 输入 jar -cvf 项目名.war * ,如果报错说明你本地没安装Java环境,已经未配置环境变量
    可参考https://blog.csdn.net/lvxiucai/article/details/102952717

6 . 输入完命令后会在Vue项目里出现一个.war的文件.将文件拖入桌面
在这里插入图片描述
7. 打开TongWeb控制台找到应用管理 - 部署应用 - 本机 - 选择文件(将刚才打包好的war包上传) - 开始部署
在这里插入图片描述

然后一直下一步
8 . 此时应该会出现两个应用(这里的server和监听端口都是可以改的,可以研究一下,在Web容器配置- 虚拟主机管理 和 htto通道管理)
在这里插入图片描述
访问刚才的应用 : 服务器ip : 8088/你填写的路径, 如果出现很多404说明你的Vue项目路径不对,可百度解决

绑定域名访问

最后的最后如果你想绑定域名,通过nginx的端口代理
配置文件:
在这里插入图片描述
好了今天的教程就到这了,感谢大家!

  • 5
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 要部署Vue项目,首先需要确保电脑上安装了Node.js和Vue CLI。如果没有安装,可以在官方网站下载和安装。 1. 打开命令行工具,进入Vue项目的根目录。 2. 执行命令`npm install`,将会安装项目所需的依赖项。等待安装完成。 3. 接下来,执行命令`npm run build`,这将会编译Vue项目并生成一个用于部署的静态文件夹(默认是"dist")。 4. 将生成的静态文件夹("dist"文件夹)复制到服务器上。可以使用FTP工具或其他方式进行文件传输。 5. 服务器端需要配置一些基本的设置,确保能够正确访问到Vue项目。比如,如果使用Apache服务器,可以添加一个虚拟主机配置,将指向Vue项目的请求导向静态文件夹。 6. 确保服务器上安装了Node.js环境,因为基于Vue项目通常需要Express等服务器端框架。 7. 在服务器上运行命令`npm install`,安装项目的依赖项。 8. 运行命令`npm run start`,以启动服务器。 9. 访问服务器的域名或IP地址,就可以在浏览器中看到部署好的Vue项目了。 需要注意的是,部署Vue项目可能还涉及到一些其他的细节,比如服务器端的一些配置项,开启gzip压缩,设置缓存等。具体的部署步骤和配置会因服务器环境而有所不同,可以根据情况进行调整。 ### 回答2: 要在Tongweb部署Vue项目,我们可以按照以下步骤进行: 1. 首先,确保你已经安装了Node.js和npm(Node.js的包管理工具)。 2. 在本地开发环境中,使用Vue CLI创建一个新的Vue项目。你可以运行命令`vue create my-project`,然后按照向导选择所需的配置。 3. 完成项目创建后,进入项目目录,运行`npm run build`命令来构建Vue项目。这将生成一个dist目录,其中包含了打包好的静态文件。 4. 将dist目录下的文件复制到Tongweb的静态资源目录中(通常是public或者static目录)。你可以使用FTP、SCP或者其他文件传输工具进行文件复制。 5. 在Tongweb上配置反向代理,将对应的请求路由到Vue项目的静态资源。你可以编辑Tongweb的配置文件,添加类似下面的配置: ``` location / { proxy_pass http://localhost:8080; } ``` 这里假设Vue项目运行在本地的8080端口上,你可以根据实际情况进行修改。 6. 保存配置文件,并重启Tongweb服务器,使配置生效。 7. 现在,你可以通过Tongweb服务器的域名或者IP地址访问你的Vue项目了。 通过以上步骤,就可以在Tongweb上成功部署Vue项目了。记得要定期更新静态文件,以保持项目的最新状态。另外,根据具体的需求,你可能还需要配置Tongweb的其他功能,例如SSL证书、缓存等。 ### 回答3: 要部署tongwebVue项目,首先需要确保已经安装了Node.js和Vue CLI工具。接下来,可以按照以下步骤进行部署: 1. 在服务器上或者本地创建一个用于部署的文件夹,并在终端中导航到该文件夹。 2. 使用以下命令克隆Vue项目的代码库到当前文件夹中: ``` git clone [项目代码库的URL] ``` 3. 进入项目文件夹: ``` cd [项目文件夹名] ``` 4. 在终端中安装项目所需的依赖: ``` npm install ``` 5. 构建Vue项目: ``` npm run build ``` 这将生成一个用于部署的dist文件夹,其中包含了已打包好的静态文件。 6. 配置服务器。 - 如果使用的是Nginx服务器,可以在配置文件中设置根目录为Vue项目的dist文件夹,并将其绑定到指定的域名或IP地址上。 - 如果使用其他类型的服务器,需要将dist文件夹中的静态文件复制到服务器上的指定目录。 7. 启动服务器: - 如果使用的是Nginx服务器,需要启动Nginx服务使其生效。 - 如果使用其他类型的服务器,按照服务器的设置方式启动服务。 8. 尝试从浏览器中访问Vue项目的域名或IP地址,应该可以看到部署成功的Vue应用程序。 通过按照上述步骤进行操作,就可以成功部署tongwebVue项目。请注意,这只是一个基本的部署过程,具体步骤可能因实际情况而有所变化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值