Vue 打包发布流程

Vue 打包发布流程

配置打包文件路径

在vue.config.js中设置

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/ynnt/'
    : '/'
}

这里的ynnt就是我们基地址的路径。

执行打包命令

通过命令npm run build执行打包，最终在根目录下会生成dist文件夹，该文件就是我们打包后的文件。

将打包文件放到服务器上

将文件放入服务器中的tomcat中，放出连接地址就ok了。

http://服务器域名:端口号/ynnt/