tongweb部署vue前端页面的方法
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue

·
tongweb部署vue前端页面的方法
1、在同一端口号下部署
把vue项目install 、运行、build完了的dist包压缩打包,上传到服务器解压,然后在解压完了的目录里新建一个空的WEB-INF文件夹。然后在tongweb管理控制台中的应用管理部署应用,选择部署方式的时候上传方式选择服务器而不是本机的方式进行部署。当遇到部署成功,打开页面显示空白,vue打包的时候可以设置的,比如你要部署在tongewb下,tongweb的端口是8088,假设你的应用要部署在aaa目录下,访问的时候就需要http://ip地址:8088/aaa,那么vue打包的时候就需要把相对路径改成aaa目录下,并且要把dist目录改成aaa(可以在打包完了上传到服务器之后再改)
这种方法会造成一些文件找不到
2、在不同端口号部署
不需要相对路径保持一致,在部署时创建的WEB-INF的文件夹下创建一个web.xml文件
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee/web-app_2_5.xsd"
id="scplatform" version="2.5">
<display-name>/</display-name>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>




vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:19 天前 )
9e887079
[skip ci] 11 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
更多推荐
所有评论(0)