将Vue项目打包为WAR文件并部署到Tomcat的完整流程

# 测试环境打包
npm run test
# 生产环境打包
npm run build

mkdir dist/WEB-INF

<?xml version="1.0"?>
<web-app>
    <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>

cd dist
jar -cvf xxxx.war *

@echo off
chcp 65001 >nul
echo ========================================
echo Vue项目WAR打包工具
echo ========================================
REM 步骤1: 执行项目打包
echo [步骤1] 正在执行打包命令...
set /p env="请选择环境 (test/prod): "
if "%env%"=="test" (
    echo 执行测试环境打包...
    call npm run test
) else if "%env%"=="prod" (
    echo 执行生产环境打包...
    call npm run build
) else (
    echo 输入错误，请重新运行脚本并输入 test 或 prod
    pause
    exit /b 1
)
REM 检查打包是否成功
if %errorlevel% neq 0 (
    echo 打包失败，请检查错误信息
    pause
    exit /b 1
)
echo 打包完成
echo.
REM 步骤2: 创建WEB-INF目录
echo [步骤2] 创建WEB-INF目录...
if not exist "dist\WEB-INF" (
    mkdir dist\WEB-INF
    echo WEB-INF目录创建成功
) else (
    echo WEB-INF目录已存在
)
echo.
REM 步骤3: 创建web.xml文件
echo [步骤3] 创建web.xml文件...
(
echo ^<?xml version="1.0"?^>
echo ^<web-app^>
echo     ^<error-page^>
echo         ^<error-code^>404^</error-code^>
echo         ^<location^>/index.html^</location^>
echo     ^</error-page^>
echo ^</web-app^>
) > dist\WEB-INF\web.xml
echo web.xml文件创建成功
echo.
REM 步骤4: 打包为WAR文件
echo [步骤4] 打包为WAR文件...
cd dist
set war_name=xxxx.war
REM 如果war文件已存在，先删除
if exist "%war_name%" (
    del "%war_name%"
    echo 已删除旧的%war_name%文件
)
REM 执行打包命令
jar -cvf %war_name% *
if %errorlevel% equ 0 (
    echo WAR文件打包成功: dist\%war_name%
) else (
    echo WAR文件打包失败
    cd ..
    pause
    exit /b 1
)
cd ..
echo.
echo ========================================
echo 打包完成！
echo WAR文件位置: dist\xxxx.war
echo ========================================
pause

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/your-app-name/'
    : '/',
  // 其他配置...
}

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

# .env.test
VUE_APP_API_URL=http://test-api.example.com
# .env.production
VUE_APP_API_URL=http://api.example.com

http://localhost:8080/xxxx/

set version=1.0.0
set war_name=xxxx_%version%.war

echo 构建时间：%date% %time% > dist/build-info.txt

jar -cvfM0 %war_name% *

# GitLab CI示例
build:
  stage: build
  script:
    - npm install
    - npm run build
    - ./build.bat
  artifacts:
    paths:
      - dist/*.war