tongweb部署vue前端页面的方法

tongweb部署vue前端页面的方法

  • 1、在同一端口号下部署
  • 2、在不同端口号部署

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>

你可能感兴趣的:(tongweb中间件,经验分享)