vue打包发布流程,vue项目如何发布
本文主要介绍了将vue项目打包发布到网上的方法和步骤。通过实例代码详细介绍，具有一定的参考价值。感兴趣的朋友可以参考一下。
目录
一、从开发环境到生产环境的转换二。设置统一的请求路径。运行打包命令vue项目开发完成后，我们需要在线打包项目，我们希望在本地预览生产环境项目。
(以vue-cli scaffold生成的项目为例)
一、开发环境到生产环境的转变
项目完成后，首先我们需要通知后端获取一个在线路径，然后将之前的开发路径切换到在线路径。
打开项目config文件夹下的dev.env.js文件，填写后端给出的在线路径。
使用严格
模块.导出={
NODE_ENV:“生产”，
base _ API:“”3358 SDK。* * * * * * * *.CN:3838/ //在线路径
}
二、设置统一的请求路径
项目打包后，所有的js、css、图片都会在各自统一的文件夹里。所以之前的路径需要改变，单次修改耗时太长，怎么办？
在build文件夹中打开utils.js，并根据需要添加它。通常是两个./将被添加。
if (options.extract) {
return extract text plugin . extract({
用途：装载机，
回退：“vue样式加载器”，
公共路径： ././ //新增内容，路径配置
})
}否则{
返回[vue-style-loader]。concat(加载程序)
}
}
在某些情况下，会出现html主路径引入不正确的问题。此时，我们需要在config文件夹中配置index.js文件，并修改assetsPublicPath。注意，这里的assetsPublicPath是构建生产环境中的assetsPublicPath，而不是dev开发环境中的assetsPublicPath。
三、运行打包命令
npm运行构建
//一般不改就是build。
运行后，结果如下：
运行后生成dist文件夹。
关于打包和发布vue项目的方法和步骤的文章到此结束。更多关于打包发布vue项目的相关内容，请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。