InfoSuite AS部署Vue项目

不超限2026-03-31 8:31

写在最前

最近接触国产环境，真刺激。

主要解决方法，就是问AI

之前一直是用IIS，微软全家桶就是牛。

比如我需要部署到 http://ip:port/QWeb目录下

1.vue项目配置

注意此处必须是如下：

javascript 复制代码

module.exports = {
  publicPath: './'
}

2.vue项目打包

npm run build

3.QWeb目录准备

在项目根目录新建一个目录QWeb，将打包后的所有内容，/dist目录下的所有文件复制到该目录。在QWeb/WEB-INF/下，新建web.xml文件。并复制如下内容：

XML 复制代码

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         version="3.1">

    <display-name>OM2Web</display-name>

    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
    </welcome-file-list>

    <!-- Vue Router 刷新解决 -->
    <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>

</web-app>

3.打包为war

XML 复制代码

cd QWeb
jar -cvf ../QWeb.war *

打包后的目录类似：

html 复制代码

QWeb.war
├── index.html
├── assets
└── WEB-INF
    └── web.xml

为保证打包正确，可以用解压文件查看打包是否正确。

4.服务器端部署

将war包上传至服务器某目录下，通过中创中间件管理页面，左侧菜单应用程序，按钮，在弹出的页面中选择刚刚上传的war包，点击确认即可完成部署。

部署成功后，点击按钮，即可通过页面的地址访问vue项目