当项目开发完毕,只需要运行一行命令就可以打包你的前端应用。
# 打包正式环境
npm run build:prod
成功提示:
构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 ***.js 、***.css、index.html 等静态文件。
通常情况下 dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可,其中的 index.html 是后台服务的入口页面。
# Tomcat
修改server.xml,Host节点下添加
dist目录的文件夹下新建WEB-INF文件夹,并在里面添加web.xml文件<?xml version="1.0" encoding="UTF-8"?>
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1" metadata-complete="true">
Router for Tomcat
404
/i