Vue项目国产化部署

最新推荐文章于 2024-03-01 17:10:04 发布

雒成龙

最新推荐文章于 2024-03-01 17:10:04 发布

阅读量769

点赞数

文章标签： vue.js 前端 javascript

原文链接：https://blog.csdn.net/weixin_42782429/article/details/121146908

版权

原文链接地址：https://blog.csdn.net/weixin_42782429/article/details/121146908

国产化中间件TongWeb部署Vue项目
打包Vue项目
绑定域名访问

打包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>

4、然后回到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的端口代理
配置文件:

在这里插入图片描述

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vue项目国产化部署

原文链接地址：https://blog.csdn.net/weixin_42782429/article/details/121146908国产化中间件TongWeb部署Vue项目打包Vue项目绑定域名访问打包Vue项目1、将打包好的Vue项目解压此时会生成一个文件夹,进入文件夹会到如下2、创建文件夹WEB-INF,并且进入文件夹创建文件web.xml3、配置文件里写如下内容<?xml version="1.0"?><web-app> ...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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